.home-frame{position:relative;height:100vh;width:100vw;overflow:hidden}.home-frame__media{min-height:100vh;min-width:100vw;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.home-frame__media img{max-width:none;width:100%}.home-frame__layer{position:absolute;inset:0;z-index:9}@media(max-width: 767.98px){.home-frame{display:grid;grid-template-rows:1fr 1fr}.home-frame__media{min-height:0;position:relative;order:2;display:flex;align-items:center}.home-frame__layer{position:relative}.home-frame__layer .home-anim__toggle{display:none}.home-frame__image{transform:scale(1.4) !important;transform-origin:50% 50% !important}}.home-anim{background:#efefef;position:relative}.home-anim__intro{position:absolute;z-index:4}.home-anim__intro .home-frame__layer{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%)}.home-anim__intro .home-frame__image{transform:scale(1.3);transform-origin:50% 0%}.home-anim__canvas{position:relative;clip-path:inset(100% 0% 0% 0%);z-index:9}.home-anim__canvas .home-frame__layer{opacity:0;visibility:hidden}.home-anim__canvas-text{max-width:350px;display:flex;flex-direction:column;gap:20px;padding-left:40px;padding-top:70px;position:relative;z-index:9}.home-anim__canvas-text>p{font-weight:500}.home-anim__intro-text{position:relative;max-width:1085px;margin:auto;text-align:center;display:flex;gap:90px;flex-direction:column;height:100%;align-items:center;justify-content:center}.home-anim__intro-text>h2{margin:0 auto;width:100%}.home-anim__intro-text>h2:nth-of-type(2){max-width:820px}.home-anim__toggles{position:absolute;inset:0}.home-anim__toggle{position:absolute;top:0px;left:0px;height:68px;width:68px;border-radius:50%;background-color:#484646;display:flex;box-shadow:0px 8px 40px 0px rgba(0,0,0,.1490196078);cursor:pointer}.home-anim__toggle::before{content:" ";position:absolute;inset:-25px;background:rgba(163,163,163,.15);border-radius:50%;animation:toggleAnim 2s ease infinite;z-index:-1}.home-anim__toggle>span{position:relative;width:32px;height:2px;margin:auto}.home-anim__toggle>span::before,.home-anim__toggle>span::after{content:"";height:100%;width:100%;background-color:#fff;display:block}.home-anim__toggle>span::after{position:absolute;transform:rotate(90deg);top:0;left:0;transition:all .2s ease}.home-anim__toggle:nth-of-type(1){top:4.28%;left:70.11%}@media(max-width: 767.98px){.home-anim__toggle:nth-of-type(1){top:10%;left:68.11%}}.home-anim__toggle:nth-of-type(2){top:26%;left:45%}@media(max-width: 767.98px){.home-anim__toggle:nth-of-type(2){top:29%;left:43%}}.home-anim__toggle:nth-of-type(3){top:66%;left:34%}@media(max-width: 767.98px){.home-anim__toggle:nth-of-type(3){top:62%;left:30%}}.home-anim__toggle.active::before{animation:none;opacity:1 !important;visibility:inherit !important}.home-anim__toggle.active>span::after{opacity:0;visibility:hidden}@media(max-width: 767.98px){.home-anim__intro-text{padding:0 23px;gap:40px}.home-anim__intro-text h2{font-size:37px;font-style:normal;font-weight:400;line-height:46px;letter-spacing:.37px}}@media(max-width: 767.98px)and (max-width: 991.98px){.home-anim__intro-text h2{font-size:25px;line-height:31px;letter-spacing:.25px}}@media(max-width: 767.98px){.home-anim__intro .home-frame__image{transform:scale(1)}.home-anim__intro .home-frame__layer{-webkit-mask-image:none;mask-image:none}.home-anim__canvas-text{max-width:none;padding:20px;padding-top:40px;gap:10px}.home-anim__canvas-text>p{font-size:21px;font-style:normal;font-weight:500;line-height:31px;letter-spacing:.21px}}@media(max-width: 767.98px)and (max-width: 991.98px){.home-anim__canvas-text>p{font-size:16px;line-height:25px;letter-spacing:.16px}}@media(max-width: 767.98px){.home-anim__toggle{height:24px;width:24px}.home-anim__toggle::before{inset:-13px}.home-anim__toggle>span{width:11px;height:1px}}@keyframes toggleAnim{0%{transform:scale(0.5);opacity:0}80%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}.anim-popup{max-width:176px;display:flex;flex-direction:column;gap:35px;position:absolute;top:0%;left:0%;opacity:0;visibility:hidden;transform:translate3d(0, 15px, 0);transition:all .5s ease;z-index:19}.anim-popup--1{top:4%;left:78%}.anim-popup--2{top:35%;left:70%}.anim-popup--3{top:50%;left:9%}.anim-popup__image{border-radius:8px;overflow:hidden}.anim-popup__image img{display:block;width:100%}.anim-popup__content>h6{margin-bottom:15px}.anim-popup.active{opacity:1;visibility:inherit;transform:translate3d(0, 0, 0)}.anim-popup--active .home-anim__toggle::before{opacity:0;visibility:hidden;animation:none}@media(max-width: 767.98px){.anim-popup{top:0% !important;left:0% !important;display:grid;grid-template-columns:108px 1fr;gap:20px;right:0%;padding:20px;padding-top:40px;max-width:none}.anim-popup__content>h6{font-size:25px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:.25px;margin-bottom:13px}}@media(max-width: 767.98px)and (max-width: 991.98px){.anim-popup__content>h6{font-size:21px;line-height:30px;letter-spacing:.42px}}@media(max-width: 767.98px){.anim-popup__content>p{font-size:13px;font-style:normal;font-weight:500;line-height:21px;letter-spacing:.26px}}@media(max-width: 767.98px)and (max-width: 991.98px){.anim-popup__content>p{font-size:12px;line-height:19px;letter-spacing:.36px}}@media(max-width: 767.98px){.anim-popup--active .home-anim__canvas-text{opacity:0;visibility:hidden}}.home-frame__image .home-anim__toggles{opacity:0;visibility:hidden}.pillow-anim__section{background:#aacae1;position:relative;height:100vh;width:100vw;overflow:hidden}.pillow-anim__canvas{height:fit-content;width:fit-content;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.pillow-anim__bg{background:#d29690;position:absolute;z-index:-1;inset:0;background-size:cover;background-position:center}.pillow-anim__bg svg{width:100%;height:100%}.canvas-layer{position:absolute;inset:0;z-index:90;padding:40px;display:grid;grid-template-rows:auto 1fr auto;visibility:hidden}.canvas-layer h3{color:#fdf6f4}.canvas-layer h5{max-width:300px;color:#fff}.canvas-layer__header{padding-top:60px;text-align:center}.canvas-layer__footer{display:grid;grid-template-columns:1fr 1fr}@media(min-width: 768px)and (max-width: 991.98px){.canvas-layer__footer{gap:40px}.canvas-layer__footer h5{max-width:100%}}.canvas-layer--go-pillow{display:flex;align-items:center}.canvas-layer--go-pillow h1{color:rgba(253,246,244,.5);font-size:210px;font-weight:400;line-height:normal;text-align:center;width:100%;transform:translateY(-75%)}@media(max-width: 991.98px){.canvas-layer--go-pillow h1{font-size:142px}}@media(max-width: 767.98px){.canvas-layer--go-pillow h1{font-size:102px;line-height:92.5%}}@media(max-width: 767.98px){.canvas-layer__footer{grid-template-columns:1fr}.canvas-layer__footer h5{font-size:19px;font-style:normal;font-weight:500;line-height:27px;letter-spacing:.38px;font-weight:400;width:100%;max-width:100%}}@media(max-width: 767.98px)and (max-width: 991.98px){.canvas-layer__footer h5{line-height:24px;letter-spacing:.19px}}#pillow-canvas{position:relative;z-index:100}.squeeze-drag{position:relative;height:40px;display:flex;align-items:center}.squeeze-drag__wrapper{margin-left:auto;display:flex;flex-direction:column;width:fit-content;gap:19px;color:#fcf6f3}.squeeze-drag__handle{position:absolute;top:50%;left:0;margin-top:-21px;height:40px;width:40px}.squeeze-drag__handle svg{height:100%;width:100%}.squeeze-drag__pulse{position:absolute;inset:-5px;background:rgba(255,255,255,.4);border-radius:50%;animation:pulse 2s ease both infinite}@media(min-width: 768px)and (max-width: 991.98px){.squeeze-drag__line{max-width:100%;max-width:calc(50vw - 60px);overflow:hidden}}@media(max-width: 767.98px){.squeeze-drag__wrapper{order:-2;padding-bottom:30px;gap:15px}.squeeze-drag__line{max-width:calc(100vw - 80px);overflow:hidden}}@keyframes pulse{0%{opacity:0;transform:scale(0.8)}80%{opacity:1;transform:scale(1)}100%{opacity:0}}.pillow-rect{position:absolute;top:10%;right:10%;bottom:10%;left:10%}body.anim-dev .pillow-rect{box-shadow:0 0 0 2px rgba(255,0,0,.4)}.canvas-layer svg{display:block}.canvas-layer--go-pillow .pillow-rect{top:34.8%;right:26.8%;bottom:23.4%;left:29.1%}@media(max-width: 767.98px){.canvas-layer--go-pillow{padding:0}}.canvas-layer--small{z-index:190}.canvas-layer--small .pillow-rect__icon{color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;bottom:100%;margin:auto;margin-bottom:20px;inset-inline:0;width:fit-content}.canvas-layer--small .pillow-rect__icon p{margin:0}.canvas-layer--small .pillow-rect--small-one{top:44.1%;right:31%;bottom:36.4%;left:32.1%}@media(max-width: 767.98px){.canvas-layer--small .pillow-rect--small-one{top:46.1%;right:17.8%;bottom:43.8%;left:17.5%}}.canvas-layer--small .pillow-rect--small-two{top:25%;right:31.9%;bottom:23%;left:32.8%;opacity:0;visibility:hidden}@media(max-width: 767.98px){.canvas-layer--small .pillow-rect--small-two{top:38.4%;right:19.4%;bottom:36%;left:20.8%}}.canvas-layer--ergonomic{z-index:200}.canvas-layer--ergonomic .pillow-rect{top:37.7%;right:23.4%;bottom:26.6%;left:23.7%}.canvas-layer--ergonomic .pillow-rect__ergonomic-line{position:absolute;bottom:-5.882%;left:7.884%;width:38.764%;bottom:-2.882%;left:7.884%;width:38.764%;bottom:-8.182%;left:7.884%;height:auto;width:38.764%;clip-path:inset(0% 100% 0% 0%);transition:clip-path 1.5s ease}@media(max-width: 767.98px){.canvas-layer--ergonomic .pillow-rect__ergonomic-line{width:40%;bottom:-11.882%;left:5.884%}}.canvas-layer--ergonomic .pillow-rect__ergonomic-line.active{clip-path:inset(0% 0% 0% 0%)}@media(max-width: 767.98px){.canvas-layer--ergonomic .pillow-rect{top:43.7%;right:12.4%;bottom:41.4%;left:11.1%}}.canvas-layer--open-cell{z-index:210}.canvas-layer--open-cell .pillow-rect{top:38.4%;right:26.3%;bottom:34.8%;left:26.8%}@media(max-width: 767.98px){.canvas-layer--open-cell .pillow-rect{top:46.8%;right:18.3%;bottom:42.6%;left:18.8%}}.canvas-layer--open-cell .pillow-rect__arrows-wrapper{position:absolute;left:-4.4444%;right:-7.4074%;top:auto;bottom:7.438%;height:fit-content;clip-path:inset(0% 100% 0% 0%);transition:clip-path 2s ease}.canvas-layer--open-cell .pillow-rect__arrows-wrapper.active{clip-path:inset(0% 0% 0% 0%)}body.anim-dev .canvas-layer--open-cell .pillow-rect__arrows-wrapper{box-shadow:0 0 0 2px rgba(253,246,244,.5)}.canvas-layer--open-cell .pillow-rect__arrows{width:100%;height:100%;display:block}.canvas-layer--get,.canvas-layer--accessories{display:block;padding:0}.pillow-dimension{--offset: 30px;display:flex;position:absolute;align-items:center;transition:clip-path 1s ease;gap:20px}.pillow-rect.active .pillow-dimension{clip-path:inset(0% 0% 0% 0%);transition:clip-path 1.5s ease}.pillow-dimension p{color:#fff;font-weight:bold;white-space:nowrap;margin:0}.pillow-dimension--y{height:95%;left:100%;top:0;bottom:0;margin:auto;margin-left:var(--offset);border-left:dashed 1px #fff;clip-path:inset(50% 0% 50% 0%)}@media(max-width: 767.98px){.pillow-dimension--y p{transform:rotate(-90deg) translateY(0%) translateX(-50%);transform-origin:0% 50%;padding-top:10px}}.pillow-dimension--x{width:98%;top:100%;left:0;right:0;margin:auto;margin-top:var(--offset);flex-direction:column;border-top:dashed 1px #fff;clip-path:inset(0% 50% 0% 50%)}@media(max-width: 767.98px){.pillow-dimension{--offset: 13px;gap:7px}}.pillow-get{position:relative;width:100%;height:100%;padding:0 40px;background:#aacae1}.pillow-get .pillow-rect--get{top:34.4%;right:26%;bottom:32%;left:25.5%}.pillow-get__header{border-bottom:1px dashed var(--Indigo, #403A60);padding-top:74px}.pillow-get__header h2{text-align:center;padding-bottom:29px}.pillow-get__header-steps{padding-bottom:8px;text-transform:uppercase;display:flex;justify-content:space-between;width:100%}.pillow-get__header-steps h4{opacity:.4}.pillow-get__header-steps h4.active{opacity:1}.pillow-get__section{height:100vh;width:100%;position:relative}.pillow-get__image{position:absolute;inset:0;z-index:99;overflow:hidden}.pillow-get__image img{width:100%;height:100%;object-fit:fill;position:absolute;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;z-index:90}.pillow-get__image img.active{opacity:1;z-index:99;visibility:inherit}.pillow-get__image .js-canvas-size{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}@media(max-width: 767.98px){.pillow-get__image .js-canvas-size{transform:translate3d(-50%, -50%, 0)}}.pillow-get__image-wrapper{position:relative;height:100%;width:100%;z-index:9}.pillow-get__container{position:relative;z-index:99;height:100%;grid-template-rows:auto 1fr;display:grid}.pillow-get__buy{display:flex;flex-direction:column;padding-bottom:97px;position:absolute;inset:0;top:auto;max-width:576px;margin:auto}.pillow-get__split{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.pillow-get__split-bg{position:absolute;inset:0;left:50%;background:#efd89a}@media(max-width: 767.98px){.pillow-get{padding:0 20px}.pillow-get__header{padding-top:80px}.pillow-get__header h2{padding-bottom:40px}}.pillow-atc{width:100%;margin-bottom:0;text-align:center;display:flex;flex-direction:column;gap:26px}.pillow-atc h5,.pillow-atc p{color:#2a2a2a}.pillow-atc h5{margin:auto}.pillow-atc__options-bar{height:43px;border-radius:100px;background-color:#fff;width:100%;margin-bottom:7px;overflow:hidden;display:grid;grid-template-columns:1fr auto}.pillow-atc__options{height:100%;width:100%}.pillow-atc__options ul{list-style:none;display:flex;justify-content:space-between;display:flex;align-items:center;width:100%;height:100%;padding:0 20px}.pillow-atc__options ul li span{display:block;height:18px;width:18px;border-radius:50px;background:#dfdfdd;position:relative}.pillow-atc__options ul li span::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:solid 1px #b2b2b2;opacity:0;visibility:hidden;transition:all .3s ease}.pillow-atc__options ul li label{position:relative;padding:7px;display:block}.pillow-atc__options ul li label input{opacity:0;position:absolute;height:0;width:0;top:0;left:0}.pillow-atc__options ul li label input:checked~span::before{opacity:1;visibility:inherit;border-color:#828282}.pillow-atc__options ul li label:hover span::before{opacity:1;visibility:inherit}.pillow-atc__add .button{background:#2a2a2a;height:100%}.pillow-atc__add .button:hover{color:#fff}@media(max-width: 767.98px){.pillow-atc__options-bar{overflow:auto;height:auto;grid-template-columns:1fr;border-radius:0;gap:0;row-gap:20px;background:none}.pillow-atc__options{background:#fff;height:48px;border-radius:50px;overflow:hidden}.pillow-atc__options ul{padding-left:29px;padding-right:29px}.pillow-atc__add .button{margin:auto;height:48px}}.split-product{max-width:450px;margin:0 auto;display:grid;grid-template-rows:1fr auto;padding-bottom:64px;width:100%;overflow:hidden}.split-product__image{margin:auto;transform:scale(1.3)}.split-product__buy .pillow-atc{margin-bottom:0;gap:30px;margin-top:2px}.split-product__buy .pillow-atc h5{margin-bottom:12px}@media(max-width: 767.98px){.split-product__buy .pillow-atc{gap:20px}.split-product__buy .pillow-atc h5{margin-bottom:10px}.split-product__buy .pillow-atc h5~p{margin-bottom:6px}.split-product__buy .pillow-atc__options-bar{margin-bottom:0}}@media(max-width: 767.98px){.split-product{padding-top:100px}}.pillow-atc__add button{width:170px;padding-left:5px;padding-right:5px;text-align:center}.pillow-atc__add button>span{display:none}.pillow-atc__add button:not(.is-loading,.is-success) .label--default{display:block}.pillow-atc__add button.is-loading .label--loading{display:block}.pillow-atc__add button.is-success .label--success{display:block}.canvas-layer [data-variant-toggle]:not(.active,.opacity-toggle){display:none}@media(max-width: 767.98px){.pillow-anim--split .pillow-anim__section{height:200vh}.pillow-anim--split .pillow-get__split{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0}.pillow-anim--split .pillow-get__split-bg{left:0;top:50%}.canvas-layer--accessories .pillow-get__container{grid-template-rows:1fr}.canvas-layer--accessories .pillow-get__header{position:absolute;top:0;left:0;width:100%;z-index:9}}/*# sourceMappingURL=pillow-animation.css.map */