.swb{background:#fff;color:#036247}.swb,.swb *{box-sizing:border-box}.swb .swb__inner{max-width:1300px;margin:0 auto;padding:0 20px}.swb .swb__artwork{position:relative}.swb picture,.swb img{display:block;width:100%}.swb img{height:auto}.swb .swb__placeholder{display:block;width:100%;aspect-ratio:1.8;background:#f7f2ea;fill:#036247}.swb .swb__hotspot{position:absolute;left:var(--swb-x);top:var(--swb-y);width:18%;height:10%;transform:translate(-50%,-50%);border-radius:999px;cursor:pointer}.swb .swb__hotspot--desktop{display:none}.swb .swb__hotspot:focus-visible{outline:3px solid #036247;outline-offset:4px}.swb .swb__button{display:flex;justify-content:center;align-items:center;width:fit-content;max-width:calc(100% - 8px);margin:24px auto 0;padding:14px 28px;background:#9cdae9;color:#036247;font-family:var(--font-heading-family,inherit);font-size:18px;font-weight:750;line-height:1.25;text-align:center;text-decoration:none;border:2.5px solid #036247;border-radius:999px;box-shadow:5px 6px #036247;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .14s ease}.swb .swb__button:focus-visible{outline:3px solid #036247;outline-offset:6px}.swb .swb__button:active{transform:scale(.98);box-shadow:2px 3px #036247}@media screen and (min-width:860px){.swb .swb__inner{padding:0 20px}.swb .swb__hotspot--desktop{display:block}.swb .swb__button{display:none}}@media(hover:hover)and (pointer:fine){.swb .swb__button:hover{transform:translateY(-3px) scale(1.03);box-shadow:7px 8px #036247;filter:brightness(.97)}.swb .swb__button:active{transform:scale(.98);box-shadow:2px 3px #036247}}@media(prefers-reduced-motion:reduce){.swb .swb__button{transition:none}.swb .swb__button:hover,.swb .swb__button:active{transform:none}}.swb{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.swb .swb__artwork{margin-bottom:0}.swb .swb__button--overlay{display:none}@media screen and (min-width:860px){.swb .swb__button--overlay{display:flex;position:absolute;left:var(--swb-x);top:var(--swb-y);transform:translate(-50%,-50%);margin:0;padding:12px 24px;font-size:clamp(16px,1.7vw,22px)}}@media screen and (min-width:860px)and (hover:hover)and (pointer:fine){.swb .swb__button--overlay:hover{transform:translate(-50%,calc(-50% - 3px)) scale(1.03)}.swb .swb__button--overlay:active{transform:translate(-50%,-50%) scale(.98)}}@media screen and (min-width:860px)and (prefers-reduced-motion:reduce){.swb .swb__button--overlay:hover,.swb .swb__button--overlay:active{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/speckles-world-sight-banner.css.map */