html.ocean-backdrop-root,body.ocean-backdrop{background:transparent}.ocean-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-color:#eef1e4;background-image:url(ocean-backdrop-bg.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat}.ocean-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,var(--ob-scrim, .3))}@media(max-width:899px){.ocean-canvas{background-image:url(ocean-backdrop-bg-mobile.jpg)}}body.ocean-backdrop .nm-cats,body.ocean-backdrop .nm-products,body.ocean-backdrop .nm-origin,body.ocean-backdrop .nm-table,body.ocean-backdrop .nm-faq{background:transparent}body.ocean-backdrop{--ob-veil: .7;--ob-veil-rgb: 8, 47, 73;--ob-veil-ramp: 96px;--ob-scrim: .35}body.ocean-backdrop .nm-hero,body.ocean-backdrop .nm-care{background:linear-gradient(180deg,rgba(var(--ob-veil-rgb),0) 0,rgba(var(--ob-veil-rgb),var(--ob-veil)) var(--ob-veil-ramp),rgba(var(--ob-veil-rgb),var(--ob-veil)) calc(100% - var(--ob-veil-ramp)),rgba(var(--ob-veil-rgb),0) 100%)}body.ocean-backdrop .nm-table article>span,body.ocean-backdrop .nm-origin__copy>p,body.ocean-backdrop .nm-origin__copy>a{color:#082f49}body.ocean-backdrop .nm-care{--ob-veil: .8}body.ocean-backdrop .nm-care__title>p{color:#bdeaf2}body.ocean-backdrop .nm-care__title>div{color:#e4f2f5}body.ocean-backdrop .nm-care article>span{color:#ffc9bd}body.ocean-backdrop .nm-care article p{color:#ddeef2}body.ocean-backdrop{--ob-shell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 84C20 84 7 63 7 46 7 26 26 12 50 12s43 14 43 34c0 17-13 38-43 38Z' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3'/%3E%3Cpath d='M50 84 22 17M50 84 36 13M50 84V12M50 84 64 13M50 84 78 17' fill='none' stroke='%23a65f3f' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M14 44c8-12 21-19 36-19s28 7 36 19' fill='none' stroke='%23a65f3f' stroke-width='2.2'/%3E%3Cpath d='M42 84h16v6a8 8 0 0 1-16 0Z' fill='%23ffffff' fill-opacity='.7' stroke='%23a65f3f' stroke-width='2.5'/%3E%3C/svg%3E");--ob-conch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M72 14c10 9 14 24 9 38-6 17-25 27-42 21C22 67 13 51 19 37c5-12 20-19 32-13 10 5 14 16 10 25-3 8-13 12-21 8-6-3-9-11-6-17' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M72 14 84 8l6 18' fill='none' stroke='%23a65f3f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 62c14 6 30 4 42-6' fill='none' stroke='%23a65f3f' stroke-width='2' stroke-opacity='.55'/%3E%3C/svg%3E");--ob-starfish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 9 61 37 91 39 68 58 76 88 50 71 24 88 32 58 9 39 39 37Z' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='48' r='3' fill='%23a65f3f'/%3E%3Ccircle cx='44' cy='40' r='1.8' fill='%23a65f3f'/%3E%3Ccircle cx='56' cy='40' r='1.8' fill='%23a65f3f'/%3E%3C/svg%3E");--ob-kelp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 140'%3E%3Cpath d='M30 136C18 120 16 104 24 90c8-14 20-20 20-34 0-13-8-22-16-30' fill='none' stroke='%233d6f52' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M26 100c-12-2-19-9-21-20 12-1 20 5 24 14Z' fill='%235f9169' fill-opacity='.85'/%3E%3Cpath d='M34 74c12-2 19-9 21-20-12-1-20 5-24 14Z' fill='%235f9169' fill-opacity='.85'/%3E%3Cpath d='M22 46c-10-3-15-9-16-18 10 0 16 5 19 12Z' fill='%235f9169' fill-opacity='.75'/%3E%3C/svg%3E");--ob-bubbles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='32' cy='68' r='17' fill='%23ffffff' fill-opacity='.45' stroke='%23a65f3f' stroke-width='3'/%3E%3Ccircle cx='68' cy='46' r='11' fill='%23ffffff' fill-opacity='.45' stroke='%23a65f3f' stroke-width='2.6'/%3E%3Ccircle cx='46' cy='26' r='7' fill='%23ffffff' fill-opacity='.45' stroke='%23a65f3f' stroke-width='2.4'/%3E%3Ccircle cx='74' cy='82' r='5' fill='%23ffffff' fill-opacity='.45' stroke='%23a65f3f' stroke-width='2.2'/%3E%3Cpath d='M24 60a10 10 0 0 1 6-4' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");--ob-bubble: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23ffffff' fill-opacity='.4' stroke='%23a65f3f' stroke-width='3.4'/%3E%3Cpath d='M31 39a25 25 0 0 1 15-12' fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");--ob-crab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 58C18 60 10 66 5 74M31 66C20 70 13 76 10 84M34 73C26 78 21 84 19 92' fill='none' stroke='%23a65f3f' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M70 58C82 60 90 66 95 74M69 66C80 70 87 76 90 84M66 73C74 78 79 84 81 92' fill='none' stroke='%23a65f3f' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M33 44C22 38 14 30 11 21M67 44C78 38 86 30 89 21' fill='none' stroke='%23a65f3f' stroke-width='3' stroke-linecap='round'/%3E%3Cellipse cx='9' cy='18' rx='9' ry='6.5' transform='rotate(-32 9 18)' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3'/%3E%3Cellipse cx='91' cy='18' rx='9' ry='6.5' transform='rotate(32 91 18)' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3'/%3E%3Cellipse cx='50' cy='55' rx='25' ry='17' fill='%23ffffff' fill-opacity='.55' stroke='%23a65f3f' stroke-width='3'/%3E%3Cpath d='M25 55c10-11 40-11 50 0' fill='none' stroke='%23a65f3f' stroke-width='2' stroke-opacity='.7'/%3E%3Cpath d='M42 40V30M58 40V30' stroke='%23a65f3f' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='42' cy='28' r='4' fill='%23ffffff' stroke='%23a65f3f' stroke-width='2.5'/%3E%3Ccircle cx='58' cy='28' r='4' fill='%23ffffff' stroke='%23a65f3f' stroke-width='2.5'/%3E%3C/svg%3E")}body.ocean-backdrop .nm-hero,body.ocean-backdrop .nm-cats,body.ocean-backdrop .nm-products,body.ocean-backdrop .nm-care,body.ocean-backdrop .nm-origin,body.ocean-backdrop .nm-table,body.ocean-backdrop .nm-faq{position:relative}body.ocean-backdrop .nm-hero>*,body.ocean-backdrop .nm-cats>*,body.ocean-backdrop .nm-products>*,body.ocean-backdrop .nm-care>*,body.ocean-backdrop .nm-origin>*,body.ocean-backdrop .nm-table>*,body.ocean-backdrop .nm-faq>*{position:relative;z-index:1}body.ocean-backdrop .nm-hero:before,body.ocean-backdrop .nm-hero:after,body.ocean-backdrop .nm-cats:before,body.ocean-backdrop .nm-cats:after,body.ocean-backdrop .nm-products:before,body.ocean-backdrop .nm-products:after,body.ocean-backdrop .nm-care:before,body.ocean-backdrop .nm-care:after,body.ocean-backdrop .nm-origin:before,body.ocean-backdrop .nm-origin:after,body.ocean-backdrop .nm-table:before,body.ocean-backdrop .nm-table:after,body.ocean-backdrop .nm-faq:before,body.ocean-backdrop .nm-faq:after{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.94;filter:drop-shadow(0 3px 8px rgba(255,255,255,.6))}body.ocean-backdrop .nm-hero:before{top:16px;right:16px;width:102px;height:102px;background-image:var(--ob-crab)}body.ocean-backdrop .nm-hero:after{right:12px;bottom:16px;width:48px;height:280px;background-image:var(--ob-kelp)}body.ocean-backdrop .nm-cats:before{top:16px;left:16px;width:104px;height:104px;background-image:var(--ob-shell)}body.ocean-backdrop .nm-cats:after{left:16px;bottom:16px;width:45px;height:242px;background-image:var(--ob-kelp)}body.ocean-backdrop .nm-products:before{top:16px;left:16px;width:112px;height:112px;background-image:var(--ob-conch)}body.ocean-backdrop .nm-products:after{top:14px;right:14px;width:104px;height:104px;background-image:var(--ob-starfish)}body.ocean-backdrop .nm-care:before{left:16px;bottom:16px;width:220px;height:220px;background-image:var(--ob-shell)}body.ocean-backdrop .nm-care:after{right:16px;bottom:16px;width:100px;height:100px;background-image:var(--ob-crab)}body.ocean-backdrop .nm-origin:before{right:16px;bottom:16px;width:150px;height:150px;background-image:var(--ob-starfish)}body.ocean-backdrop .nm-origin:after{top:8px;right:8px;width:65px;height:349px;background-image:var(--ob-kelp)}body.ocean-backdrop .nm-table:before{top:12px;left:12px;width:120px;height:120px;background-image:var(--ob-bubbles)}body.ocean-backdrop .nm-table:after{top:12px;right:12px;width:100px;height:100px;background-image:var(--ob-crab)}body.ocean-backdrop .nm-faq:before{left:10px;bottom:10px;width:112px;height:112px;background-image:var(--ob-shell)}body.ocean-backdrop .nm-faq:after{right:8px;bottom:8px;width:65px;height:349px;background-image:var(--ob-kelp)}.ocean-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ob-bubble),var(--ob-bubble),var(--ob-bubble);background-size:92px 92px,62px 62px,42px 42px;background-position:6% 72%,87% 34%,19% 13%;background-repeat:no-repeat;opacity:.5;animation:ob-bubble-drift 30s ease-in-out infinite alternate}@keyframes ob-bubble-drift{0%{transform:translateY(16px)}to{transform:translateY(-44px)}}@media(prefers-reduced-motion:reduce){.ocean-canvas:after{animation:none}}@media(max-width:899px){body.ocean-backdrop{--ob-veil-ramp: 28px}body.ocean-backdrop .nm-hero:before{width:42px;height:42px;top:auto;right:8px;bottom:8px;background-image:var(--ob-crab)}body.ocean-backdrop .nm-hero:after,body.ocean-backdrop .nm-cats:after,body.ocean-backdrop .nm-products:after,body.ocean-backdrop .nm-care:before,body.ocean-backdrop .nm-origin:after,body.ocean-backdrop .nm-table:after,body.ocean-backdrop .nm-faq:after{display:none}body.ocean-backdrop .nm-cats:before{width:80px;height:80px;top:8px;left:auto;right:8px;background-image:var(--ob-shell)}body.ocean-backdrop .nm-products:before{top:8px;left:auto;right:8px;width:62px;height:62px;background-image:var(--ob-conch)}body.ocean-backdrop .nm-care:after{width:64px;height:64px;right:8px;bottom:8px;background-image:var(--ob-crab)}body.ocean-backdrop .nm-origin:before{width:106px;height:106px;right:8px;bottom:8px;background-image:var(--ob-starfish)}body.ocean-backdrop .nm-table:before{top:8px;left:auto;right:8px;width:70px;height:70px;background-image:var(--ob-bubbles)}body.ocean-backdrop .nm-faq:before{top:8px;left:auto;right:8px;bottom:auto;width:100px;height:100px;background-image:var(--ob-shell)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ocean-backdrop.css.map */