/* Bobbin's Harbor stage positions, generated from siteart/layout.json (Illustrator art boxes). */
.L-home-wide { aspect-ratio: 1440 / 900; }
.L-home-wide .bleed { background-image: url("../img/plates/home-wide.jpg"); }
.L-home-wide .s-boat { left: 36.285%; top: 28.044%; width: 35.875%; height: 20.344%; }
.L-home-wide .s-boat { --sail-from: -201.1%; --sail-to: 177.6%; }
.L-home-wide .s-glow-big { left: 55.708%; top: 34.689%; width: 28.861%; height: 37.289%; }
.L-home-wide .s-gully { left: 70.556%; top: 40.033%; width: 4.722%; height: 12.856%; }
.L-home-wide .s-bobbin { left: 33.528%; top: 33.289%; width: 18.111%; height: 42.433%; }
.L-home-wide .s-nav-watch { left: 11.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-home-wide .s-glow-nav { left: 19.285%; top: 78.300%; width: 14.229%; height: 22.778%; }
.L-home-wide .s-nav-play { left: 22.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-home-wide .s-nav-friends { left: 34.757%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-home-wide .s-nav-jobs { left: 46.556%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-home-wide .s-nav-sing { left: 58.354%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-home-wide .s-nav-learn { left: 70.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-home-wide .s-nav-print { left: 81.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-home-wide .s-logo { left: 1.528%; top: 2.000%; width: 15.972%; height: 6.778%; }
.L-home-wide .s-ring-key { left: 93.576%; top: 2.056%; width: 4.931%; height: 9.189%; }
.L-home-wide .s-ring-moon { left: 87.743%; top: 2.056%; width: 4.931%; height: 9.189%; }
.L-home-wide .s-ring-speaker { left: 81.910%; top: 2.056%; width: 4.931%; height: 9.189%; }
.L-home-wide .h-lighthouse { left: 1.361%; top: 19.422%; width: 19.736%; height: 41.689%; }
.L-home-wide .h-buoys { left: 60.799%; top: 48.756%; width: 16.146%; height: 17.789%; }
.L-home-wide .h-float { left: 27.187%; top: 69.422%; width: 31.736%; height: 12.022%; }
.L-home-wide .h-obuoy { left: 56.007%; top: 65.378%; width: 7.972%; height: 14.311%; }
.L-home-wide .h-pier { left: 85.556%; top: 38.000%; width: 17.778%; height: 47.333%; }
.L-home-wide .h-dock { left: -0.833%; top: 80.222%; width: 101.667%; height: 20.889%; }
.L-home-tall { aspect-ratio: 390 / 844; }
.L-home-tall .bleed { background-image: url("../img/plates/home-tall.jpg"); }
.L-home-tall .s-boat { left: -2.769%; top: 18.246%; width: 86.744%; height: 14.076%; }
.L-home-tall .s-boat { --sail-from: -96.8%; --sail-to: 118.5%; }
.L-home-tall .s-gully { left: 75.538%; top: 32.666%; width: 13.026%; height: 10.284%; }
.L-home-tall .s-bobbin { left: 13.949%; top: 26.754%; width: 46.590%; height: 32.109%; }
.L-home-tall .s-nav-watch { left: 4.026%; top: 66.789%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-play { left: 27.872%; top: 66.789%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-friends { left: 51.718%; top: 66.789%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-jobs { left: 75.564%; top: 66.789%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-sing { left: 15.821%; top: 81.244%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-learn { left: 39.667%; top: 81.244%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-nav-print { left: 63.513%; top: 81.244%; width: 20.667%; height: 11.801%; }
.L-home-tall .s-logo { left: 3.487%; top: 1.327%; width: 36.564%; height: 4.479%; }
.L-home-tall .s-ring-key { left: 84.667%; top: 1.197%; width: 12.744%; height: 5.900%; }
.L-home-tall .s-ring-moon { left: 71.308%; top: 1.197%; width: 12.744%; height: 5.900%; }
.L-home-tall .s-ring-speaker { left: 57.949%; top: 1.197%; width: 12.744%; height: 5.900%; }
.L-home-tall .h-buoys { left: 59.692%; top: 40.213%; width: 30.564%; height: 9.479%; }
.L-home-tall .h-float { left: 15.538%; top: 54.123%; width: 45.846%; height: 8.555%; }
.L-home-tall .h-obuoy { left: 54.256%; top: 52.038%; width: 15.282%; height: 7.630%; }
.L-home-tall .h-dock { left: -3.077%; top: 62.796%; width: 106.154%; height: 38.389%; }
.L-play-wide { aspect-ratio: 1440 / 900; }
.L-play-wide .bleed { background-image: url("../img/plates/play-wide.jpg"); }
.L-play-wide .s-st-buoy { left: 0.215%; top: 50.389%; width: 15.708%; height: 27.456%; }
.L-play-wide .s-st-mixup { left: 17.326%; top: 57.733%; width: 15.625%; height: 20.111%; }
.L-play-wide .s-glow-big { left: 28.056%; top: 42.756%; width: 27.222%; height: 37.422%; }
.L-play-wide .s-st-dress { left: 33.299%; top: 49.944%; width: 16.882%; height: 27.900%; }
.L-play-wide .s-st-sound { left: 51.736%; top: 45.189%; width: 15.111%; height: 32.656%; }
.L-play-wide .s-st-paint { left: 67.326%; top: 49.944%; width: 16.188%; height: 27.900%; }
.L-play-wide .s-st-boat { left: 84.708%; top: 49.944%; width: 15.472%; height: 27.900%; }
.L-play-wide .s-nav-watch { left: 11.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-play-wide .s-glow-nav { left: 19.285%; top: 78.300%; width: 14.229%; height: 22.778%; }
.L-play-wide .s-nav-play { left: 22.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-play-wide .s-nav-friends { left: 34.757%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-play-wide .s-nav-jobs { left: 46.556%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-play-wide .s-nav-sing { left: 58.354%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-play-wide .s-nav-learn { left: 70.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-play-wide .s-nav-print { left: 81.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-play-wide .s-ring-home { left: 1.076%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-play-wide .s-logo { left: 6.944%; top: 3.111%; width: 13.889%; height: 5.889%; }
.L-play-wide .s-ring-key { left: 93.438%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-play-wide .s-ring-moon { left: 87.604%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-play-wide .s-ring-speaker { left: 81.771%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-play-wide .h-townpier { left: -2.639%; top: 54.889%; width: 106.667%; height: 30.444%; }
.L-play-wide .h-dock { left: -0.833%; top: 80.222%; width: 101.667%; height: 20.889%; }
.L-play-tall { aspect-ratio: 390 / 1330; }
.L-play-tall .bleed { background-image: url("../img/plates/play-tall.jpg"); }
.L-play-tall .s-st-buoy { left: 6.462%; top: 20.353%; width: 40.000%; height: 10.331%; }
.L-play-tall .s-st-mixup { left: 54.692%; top: 24.925%; width: 40.359%; height: 9.519%; }
.L-play-tall .s-glow-big { left: -7.205%; top: 42.910%; width: 67.744%; height: 17.068%; }
.L-play-tall .s-st-dress { left: 5.846%; top: 46.188%; width: 42.077%; height: 13.068%; }
.L-play-tall .s-st-sound { left: 57.359%; top: 44.023%; width: 38.256%; height: 15.233%; }
.L-play-tall .s-st-paint { left: 7.000%; top: 71.000%; width: 40.923%; height: 13.068%; }
.L-play-tall .s-st-boat { left: 56.462%; top: 71.000%; width: 39.154%; height: 13.068%; }
.L-play-tall .s-ring-home { left: 0.897%; top: 0.639%; width: 15.128%; height: 4.436%; }
.L-play-tall .s-logo { left: 15.897%; top: 1.504%; width: 30.769%; height: 2.391%; }
.L-play-tall .s-ring-key { left: 85.000%; top: 0.639%; width: 15.128%; height: 4.436%; }
.L-play-tall .s-ring-moon { left: 70.128%; top: 0.639%; width: 15.128%; height: 4.436%; }
.L-play-tall .s-ring-speaker { left: 55.256%; top: 0.639%; width: 15.128%; height: 4.436%; }
.L-play-tall .s-nav-watch { left: 0.692%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-glow-nav { left: 8.308%; top: 92.391%; width: 26.256%; height: 7.699%; }
.L-play-tall .s-nav-play { left: 14.949%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-nav-friends { left: 29.205%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-nav-jobs { left: 43.462%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-nav-sing { left: 57.718%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-nav-learn { left: 71.974%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .s-nav-print { left: 86.231%; top: 94.338%; width: 12.974%; height: 4.714%; }
.L-play-tall .h-pier-section-1 { left: -9.744%; top: 20.602%; width: 124.615%; height: 22.105%; }
.L-play-tall .h-pier-section-2 { left: -9.744%; top: 45.414%; width: 124.615%; height: 22.105%; }
.L-play-tall .h-pier-section-3 { left: -9.744%; top: 70.226%; width: 124.615%; height: 22.105%; }
.L-play-tall .h-dock { left: -3.077%; top: 92.331%; width: 106.154%; height: 8.421%; }
.L-bobbin-wide { aspect-ratio: 1440 / 900; }
.L-bobbin-wide .bleed { background-image: url("../img/plates/bobbin-wide.jpg"); }
.L-bobbin-wide .s-glow-big { left: 2.028%; top: 4.800%; width: 48.722%; height: 84.622%; }
.L-bobbin-wide .s-bobbin { left: 11.951%; top: 15.444%; width: 27.444%; height: 63.378%; }
.L-bobbin-wide .s-peek-prev-mike { left: 0.660%; top: 42.500%; width: 5.208%; height: 15.700%; }
.L-bobbin-wide .s-peek-next-quinn { left: 94.271%; top: 42.500%; width: 5.208%; height: 15.700%; }
.L-bobbin-wide .s-ring-hear { left: 75.799%; top: 13.833%; width: 6.875%; height: 12.611%; }
.L-bobbin-wide .s-feel-happy { left: 52.875%; top: 36.600%; width: 7.861%; height: 15.533%; }
.L-bobbin-wide .s-feel-curious { left: 62.597%; top: 36.600%; width: 7.861%; height: 15.533%; }
.L-bobbin-wide .s-feel-worried { left: 72.319%; top: 36.600%; width: 7.861%; height: 15.533%; }
.L-bobbin-wide .s-feel-calm { left: 82.042%; top: 36.600%; width: 7.861%; height: 15.533%; }
.L-bobbin-wide .s-door-play { left: 51.521%; top: 56.278%; width: 13.903%; height: 18.956%; }
.L-bobbin-wide .s-door-watch { left: 65.451%; top: 56.278%; width: 12.569%; height: 18.956%; }
.L-bobbin-wide .s-door-color { left: 78.646%; top: 56.278%; width: 12.569%; height: 18.956%; }
.L-bobbin-wide .s-nav-watch { left: 11.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-bobbin-wide .s-nav-play { left: 22.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-bobbin-wide .s-glow-nav { left: 31.083%; top: 78.300%; width: 14.236%; height: 22.778%; }
.L-bobbin-wide .s-nav-friends { left: 34.757%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-bobbin-wide .s-nav-jobs { left: 46.556%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-bobbin-wide .s-nav-sing { left: 58.354%; top: 84.178%; width: 6.889%; height: 13.689%; }
.L-bobbin-wide .s-nav-learn { left: 70.153%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-bobbin-wide .s-nav-print { left: 81.951%; top: 84.178%; width: 6.896%; height: 13.689%; }
.L-bobbin-wide .s-ring-home { left: 1.076%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-bobbin-wide .s-logo { left: 6.944%; top: 3.111%; width: 13.889%; height: 5.889%; }
.L-bobbin-wide .s-ring-key { left: 93.438%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-bobbin-wide .s-ring-moon { left: 87.604%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-bobbin-wide .s-ring-speaker { left: 81.771%; top: 1.833%; width: 5.208%; height: 9.667%; }
.L-bobbin-wide .h-float { left: 5.486%; top: 71.422%; width: 41.806%; height: 12.244%; }
.L-bobbin-wide .h-obuoy { left: 1.951%; top: 66.044%; width: 8.882%; height: 15.911%; }
.L-bobbin-wide .h-dock { left: -0.833%; top: 80.222%; width: 101.667%; height: 20.889%; }
.L-bobbin-tall { aspect-ratio: 390 / 1270; }
.L-bobbin-tall .bleed { background-image: url("../img/plates/bobbin-tall.jpg"); }
.L-bobbin-tall .s-glow-big { left: -8.667%; top: 12.693%; width: 117.333%; height: 42.331%; }
.L-bobbin-tall .s-bobbin { left: 8.385%; top: 16.370%; width: 79.103%; height: 35.307%; }
.L-bobbin-tall .s-peek-prev-mike { left: 0.385%; top: 28.457%; width: 14.103%; height: 7.346%; }
.L-bobbin-tall .s-peek-next-quinn { left: 86.026%; top: 28.457%; width: 14.103%; height: 7.346%; }
.L-bobbin-tall .s-ring-hear { left: 74.231%; top: 57.992%; width: 21.282%; height: 7.441%; }
.L-bobbin-tall .s-feel-happy { left: 2.385%; top: 70.496%; width: 21.897%; height: 8.252%; }
.L-bobbin-tall .s-feel-curious { left: 26.744%; top: 70.496%; width: 21.897%; height: 8.252%; }
.L-bobbin-tall .s-feel-worried { left: 51.103%; top: 70.496%; width: 21.897%; height: 8.252%; }
.L-bobbin-tall .s-feel-calm { left: 75.462%; top: 70.496%; width: 21.897%; height: 8.252%; }
.L-bobbin-tall .s-door-play { left: 1.667%; top: 82.244%; width: 34.615%; height: 10.252%; }
.L-bobbin-tall .s-door-watch { left: 33.462%; top: 82.244%; width: 34.615%; height: 10.252%; }
.L-bobbin-tall .s-door-color { left: 65.256%; top: 82.244%; width: 34.615%; height: 10.252%; }
.L-bobbin-tall .s-ring-home { left: 0.897%; top: 0.669%; width: 15.128%; height: 4.646%; }
.L-bobbin-tall .s-logo { left: 15.897%; top: 1.575%; width: 28.205%; height: 2.299%; }
.L-bobbin-tall .s-ring-key { left: 85.000%; top: 0.669%; width: 15.128%; height: 4.646%; }
.L-bobbin-tall .s-ring-moon { left: 70.128%; top: 0.669%; width: 15.128%; height: 4.646%; }
.L-bobbin-tall .s-ring-speaker { left: 55.256%; top: 0.669%; width: 15.128%; height: 4.646%; }
.L-bobbin-tall .s-nav-watch { left: 0.692%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-nav-play { left: 14.949%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-glow-nav { left: 22.564%; top: 92.031%; width: 26.256%; height: 8.063%; }
.L-bobbin-tall .s-nav-friends { left: 29.205%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-nav-jobs { left: 43.462%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-nav-sing { left: 57.718%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-nav-learn { left: 71.974%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .s-nav-print { left: 86.231%; top: 94.071%; width: 12.974%; height: 4.937%; }
.L-bobbin-tall .h-float { left: 2.436%; top: 47.150%; width: 95.128%; height: 7.260%; }
.L-bobbin-tall .h-obuoy { left: -5.000%; top: 46.165%; width: 22.872%; height: 7.890%; }
.L-bobbin-tall .h-paper { left: -3.077%; top: 53.701%; width: 106.154%; height: 46.299%; }
.L-bobbin-tall .h-dock { left: -3.077%; top: 91.969%; width: 106.154%; height: 8.819%; }