.oss{--oss-top:var(--orion-header-h,60px);--oss-height:calc(100svh - var(--oss-top));--oss-gap:12px;--oss-ease:var(--oh-ease,cubic-bezier(.22,.7,.2,1));position:relative;display:flex;flex-direction:column;isolation:isolate;width:100%;height:var(--oss-height);overflow:hidden;background:#101b2b;color:var(--oh-text,#f4f3ef);font-family:Commissioner,Arial,sans-serif}.oss *,.oss *:before,.oss *:after{box-sizing:border-box}.oss img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.oss .oss-desktop{display:none}.oss-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.oss-background,.oss-worlds,.oss-sky{position:absolute;top:0;right:0;bottom:0;left:0}.oss-background{pointer-events:none}.oss-background img{object-position:50% 0}.oss-grid-area{position:relative;flex:1;min-height:0;container:oss-grid / size}.oss-worlds{--fw:min(calc((100cqw - 32px - var(--oss-gap)) / 2),calc((100cqh - 2 * var(--oss-gap) - 12px) / 3 * 4 / 3));display:grid;grid-template-columns:repeat(2,var(--fw));grid-template-rows:repeat(3,calc(var(--fw) * 3 / 4));gap:var(--oss-gap);justify-content:center;align-content:center;padding:0 16px 12px}.oss-world{position:relative;min-width:0;width:100%;aspect-ratio:4 / 3;display:block;container:oss-frame / inline-size;border-radius:14px;color:#fff;text-decoration:none;cursor:pointer;transition:transform .18s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.oss-world--bed-bases{grid-area:1 / 1}.oss-world--duvets{grid-area:1 / 2}.oss-world--toppers{grid-area:2 / 1}.oss-world--coatings{grid-area:2 / 2}.oss-world--pillows{grid-area:3 / 1}.oss-world--beds{grid-area:3 / 2}.oss-world:focus-visible{outline:1px solid #fff;outline-offset:4px}.oss-world>*{pointer-events:none}.oss-visual{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;isolation:isolate;background:#17222c}.oss-visual:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;background:var(--lqip,none) center / cover #17222c;filter:blur(12px)}.oss-visual:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0000003d 30%,#000000c2)}.oss-tile{position:absolute;top:0;right:0;bottom:0;left:0}.oss-tile img{animation:oss-ken-burns 14s ease-in-out var(--delay,0s) infinite alternate;transform-origin:30% 70%}.oss-world:nth-child(2n) .oss-tile img{transform-origin:75% 30%}.oss-perimeter{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid white;border-radius:inherit;box-shadow:0 0 15px 2px #ffffff38,inset 0 0 9px #ffffff1a;opacity:.45;animation:oss-breathe 3.6s ease-in-out var(--pulse-delay,0s) infinite;transition:opacity .45s}.oss-reflection{position:absolute;top:calc(100% + 2px);left:0;width:100%;height:calc(var(--oss-gap) - 4px);overflow:hidden;opacity:.27;border-radius:14px 14px 0 0;-webkit-mask-image:linear-gradient(#000,rgb(0 0 0 / .4) 45%,transparent);mask-image:linear-gradient(#000,rgb(0 0 0 / .4) 45%,transparent)}.oss-ripple{display:block;height:100%;filter:blur(2px);transform-origin:center top;animation:oss-ripple 9s ease-in-out var(--delay,0s) infinite}.oss-reflection picture{display:block;height:250%;transform:scaleY(-1)}.oss-label{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto;font:400 20px/1.05 Didot,Didot Title,Bodoni MT,Times New Roman,serif;letter-spacing:-.01em;text-shadow:0 2px 18px rgb(0 0 0 / .6)}.oss-name{max-width:100%;white-space:nowrap;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}.oss-arrow{order:-1;align-self:flex-end;display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid rgb(255 255 255 / .4);border-radius:50%;background:#08080852;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .45s,color .45s,border-color .45s}.oss-arrow svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.oss-world.is-active .oss-arrow,.oss-world:focus-visible .oss-arrow{background:#f4f3ef;color:#0a0a0a;border-color:#f4f3ef}.oss-world.is-active .oss-perimeter,.oss-world:focus-visible .oss-perimeter{animation:none;opacity:1}.oss-heading{position:relative;flex:none;z-index:3;padding:16px 20px 10px;pointer-events:none;transition:opacity .3s}.oss-heading:before{content:"";position:absolute;z-index:-1;top:-60px;right:-80px;bottom:-60px;left:-80px;background:radial-gradient(ellipse,rgb(0 0 0 / .38),transparent 72%)}.oss-heading h1{margin:0 0 5px;color:#fff;font:400 24px/1.12 Didot,Didot Title,Bodoni MT,Times New Roman,serif;letter-spacing:-.01em}.oss-heading p{margin:0;color:#ffffffc7;font:400 13px/1.5 Commissioner,Arial,sans-serif}.oss-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse,#000 20%,rgb(0 0 0 / .8) 48%,transparent 73%);mask-image:radial-gradient(ellipse,#000 20%,rgb(0 0 0 / .8) 48%,transparent 73%)}.oss-ambient i,.oss-sky>i{position:absolute;animation-delay:var(--delay,0s)}.oss-mote{width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #ffffff59;animation:oss-pollen var(--duration,9s) linear infinite}.oss-glint,.oss-star{width:7px;height:1px;background:#fff;box-shadow:0 0 5px 1px #ffffff4d;animation:oss-twinkle var(--duration,6s) ease-in-out infinite}.oss-star{width:3px;height:3px;border-radius:50%}.oss-drift{position:absolute;left:-100%;top:51%;width:200%;height:45%;background:radial-gradient(ellipse at 25% 50%,rgb(255 255 255 / .28),transparent 48%),radial-gradient(ellipse at 75% 50%,rgb(255 255 255 / .28),transparent 48%);opacity:.38;animation:oss-drift 26s linear var(--delay,-8s) infinite;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.oss-cloud{height:62%;top:40%;opacity:.48;animation-duration:34s}.oss-lagoon{top:55%;height:35%;opacity:.42;animation-duration:29s;animation-direction:reverse}.oss-sand{width:32%;height:1px;background:linear-gradient(90deg,transparent,rgb(245 243 239 / .8),transparent);animation:oss-sand var(--duration,11s) linear infinite}.oss-headboard{left:-45%;top:10%;width:32%;height:60%;background:linear-gradient(90deg,transparent,white,transparent);mix-blend-mode:screen;opacity:0;animation:oss-sweep 7s ease-in-out infinite}.oss-glass{top:60%;left:10%;width:20%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:oss-glass 6s ease-in-out infinite}.oss-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:#000;opacity:0;transition:opacity .35s linear .55s}.oss.is-tapping .oss-world.is-active{transform:scale(1.04)}.oss.is-tapping .oss-world.is-active .oss-perimeter{transition:opacity .18s ease-out}.oss.is-tapping .oss-veil{opacity:1;transition:opacity .35s linear}.oss.is-resetting .oss-veil,.oss.is-resetting .oss-world,.oss.is-resetting .oss-perimeter{transition:none}.oss.is-resting *,.oss.is-resting *:before,.oss.is-resting *:after{animation-play-state:paused!important}.oss-sky{pointer-events:none}.oss-drift-window,.oss-mist-window{display:contents}.oss-cloud-band,.oss-water-band{position:absolute;left:-5%;width:110%;overflow:hidden}.oss-cloud-band{top:5%;height:27%}.oss-water-band{top:44%;height:20%}.oss-sky .oss-drift{top:0;height:100%;opacity:.38;animation-duration:45s}.oss-sky .oss-cloud{opacity:.3;animation-duration:70s}.oss-drift{background:url(orion-sleep-mist.webp) repeat-x center / 50% 100%}.oss-cloud{background-image:url(orion-sleep-cloud.webp)}.oss-moon{position:absolute;left:var(--moon-x);top:var(--moon-y);width:calc(var(--moon-r) * 2);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .18),rgb(255 255 255 / .06) 35%,transparent 70%);animation:oss-moon 8s ease-in-out infinite}.oss-sky .oss-cloud--second{top:18%;opacity:.18;animation-duration:110s;animation-direction:reverse}@media(max-width:379px){.oss{--oss-gap:10px}}@container oss-frame (max-width:179px){.oss-label{left:8px;right:8px;font-size:18px}}@media(min-width:768px)and (orientation:landscape){.oss .oss-phone{display:none}.oss .oss-desktop{display:block}.oss-stage{position:absolute;display:block;top:50%;left:50%;width:max(100%,calc(var(--oss-height) * 1.5));aspect-ratio:3 / 2;translate:-50% -50%}.oss-background,.oss-worlds{transform:translate(0)}.oss-background img{object-position:50% 50%}.oss-grid-area{position:absolute;top:0;right:0;bottom:0;left:0;container-type:normal}.oss-worlds{display:block;padding:0}.oss-world{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:var(--ar,1.5);container-type:normal;border-radius:18px}.oss-visual{overflow:visible;background:none}.oss-visual:before,.oss-visual:after{display:none}.oss-plate,.oss-sheen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-mask-image:var(--layer);mask-image:var(--layer);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.oss-plate{background-image:var(--clean);background-size:var(--plate-size) auto;background-position:var(--plate-x) var(--plate-y);background-repeat:no-repeat;transition:opacity 0s linear .6s}.oss-world[data-ready]:is(.is-active,:focus-visible) :is(.oss-plate,.oss-layer){opacity:1;transition-delay:0s}.oss-lift{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(0);transition:transform .6s var(--oss-ease)}.oss-float,.oss-float-envelope{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(0)}.oss-world[data-ready]:is(.is-active,:focus-visible) .oss-lift{transform:translateY(-9px);will-change:transform}.oss-world[data-ready]:is(.is-active,:focus-visible) :is(.oss-float,.oss-float-envelope){will-change:transform}.oss-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:brightness(1);transition:opacity 0s linear .6s,filter .6s var(--oss-ease)}.oss-world:not([data-ready]) :is(.oss-plate,.oss-layer){opacity:0;transition:none}.oss-world:not([data-ready]) .oss-lift{transform:none;transition:none}.oss-layer img{object-fit:contain}.oss-ground{position:absolute;left:var(--glow-x);top:var(--glow-y);width:var(--glow-w);aspect-ratio:5 / 1;translate:-50% -50%;border-radius:50%;filter:blur(25px);mix-blend-mode:screen;opacity:0;transition:opacity .6s var(--oss-ease)}.oss-ground-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;opacity:.38;animation:none}.oss-world.is-effects .oss-ground-pulse{animation:oss-hover-glow 3.2s ease-in-out infinite paused}.oss-world:is(.is-active,:focus-visible) .oss-ground{opacity:1;will-change:opacity}.oss-world:is(.is-active,:focus-visible) .oss-layer{filter:brightness(1.1) drop-shadow(0 0 18px rgb(255 255 255 / .42));will-change:opacity,filter}.oss-sheen{overflow:hidden;mix-blend-mode:screen;transition:opacity .6s var(--oss-ease)}.oss-sheen-band{position:absolute;inset:0 auto 0 0;width:250%;background:linear-gradient(115deg,transparent 42%,rgb(255 255 255 / .34) 50%,transparent 58%);transform:translate(-90%);animation:none}.oss-world.is-effects .oss-sheen-band{animation:oss-hover-sheen 2.8s var(--oss-ease) infinite paused}.oss-world:is(.is-active,:focus-visible) .oss-sheen{opacity:1}.oss-label{left:var(--label-x);top:var(--label-y);right:auto;bottom:auto;translate:-50% 0;width:max-content;max-width:none;flex-direction:row;align-items:center;gap:12px;white-space:nowrap;font-size:clamp(22px,1.6vw,30px);line-height:1.1}.oss-name{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.oss-arrow{order:0;align-self:auto;width:40px;height:40px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.oss-arrow svg{width:15px;height:15px}.oss-heading{position:absolute;left:42px;top:24px;padding:14px 22px 15px;border-radius:18px;background:#0a0c1299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.oss-heading:before{display:none}.oss-heading p{color:#ffffffdb}.oss-heading h1{font-size:34px}.oss-heading p{font-size:15px}.oss-ambient{top:-12%;right:-10%;bottom:8%;left:-10%;opacity:0;transition:opacity .6s var(--oss-ease)}.oss-ambient i{animation:none}.oss-ambient :is(.oss-mote,.oss-glint,.oss-sand,.oss-glass){width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 7px 2px #ffffff80}.oss-ambient .oss-sand{width:2px;height:2px}.oss-ambient .oss-cloud,.oss-ambient .oss-lagoon{opacity:.65}.oss-world.is-effects .oss-ambient :is(.oss-mote,.oss-glint,.oss-sand,.oss-glass){animation:oss-hover-mote 3.8s var(--oss-ease) var(--delay,0s) infinite paused}.oss-world.is-effects .oss-ambient .oss-sand{animation-name:oss-hover-sand}.oss-world.is-effects .oss-ambient :is(.oss-cloud,.oss-lagoon){animation:oss-hover-mist 4s ease-in-out var(--delay,0s) infinite alternate paused}.oss-world.is-effects .oss-ambient .oss-lagoon{animation-direction:alternate-reverse}.oss-ambient .oss-headboard,.oss-sky .oss-glint{display:none}.oss-world:is(.is-active,:focus-visible) .oss-ambient{opacity:1}.oss-world.is-effects:is(.is-active,:focus-visible) :is(.oss-ambient i,.oss-ground-pulse,.oss-sheen-band){animation-play-state:running}.oss-drift-window{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.oss-drift-window--second{top:18%;bottom:-18%}.oss-sky .oss-drift-window .oss-drift{top:0;-webkit-mask-image:none;mask-image:none}.oss-mist-window{display:block;position:absolute;left:0;width:100%;top:40%;height:62%;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.oss-mist-window--lagoon{top:55%;height:35%}.oss-ambient .oss-mist-window .oss-drift{top:0;height:100%;left:-56%;width:140%;background-size:71.4285714286% 100%;background-position:15% center;-webkit-mask-image:none;mask-image:none}.oss-sky{pointer-events:none;transform:translate(0)}.oss-cursor{position:absolute;top:0;left:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,white,transparent 70%);mix-blend-mode:soft-light;pointer-events:none;opacity:0;transform:translate(-500px,-500px);transition:opacity .45s}.oss.has-pointer .oss-cursor{will-change:transform}.oss.is-resetting .oss-lift,.oss.is-resetting .oss-layer,.oss.is-resetting .oss-plate,.oss.is-resetting .oss-sheen,.oss.is-resetting .oss-ground,.oss.is-resetting .oss-ambient{transition:none}@keyframes oss-hover-glow{0%,to{opacity:.38}25%{opacity:.3}75%{opacity:.42}}@keyframes oss-hover-sheen{0%{transform:translate(-90%)}to{transform:translate(30%)}}@keyframes oss-hover-mote{0%{transform:translate(-8px,16px);opacity:0}25%,65%{opacity:.9}to{transform:translate(20px,-54px);opacity:0}}@keyframes oss-hover-sand{0%{transform:translate(-30px,12px);opacity:0}25%,65%{opacity:.85}to{transform:translate(42px,-22px);opacity:0}}@keyframes oss-hover-mist{0%{transform:translate(11.4285714286%)}to{transform:translate(40%)}}}@media(hover:hover)and (pointer:fine){.oss.has-pointer .oss-cursor{opacity:.18}}@keyframes oss-pollen{0%{transform:translateY(12px);opacity:0}25%{opacity:.8}75%{opacity:.55}to{transform:translate(12px,-48px);opacity:0}}@keyframes oss-twinkle{0%,to{opacity:.08;transform:scaleX(.5)}45%{opacity:.9;transform:scaleX(1.4)}70%{opacity:.15;transform:scaleX(.8)}}@keyframes oss-drift{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes oss-sand{0%{transform:translate(-50px);opacity:0}30%,65%{opacity:.45}to{transform:translate(70px);opacity:0}}@keyframes oss-sweep{0%,12%{transform:translate(0) skew(-22deg);opacity:0}35%,55%{opacity:.28}78%,to{transform:translate(480%) skew(-22deg);opacity:0}}@keyframes oss-glass{0%,15%{transform:translate(0);opacity:0}40%{opacity:.85}85%,to{transform:translate(300%);opacity:0}}@keyframes oss-moon{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}@keyframes oss-breathe{0%,to{opacity:.35}50%{opacity:.85}}@keyframes oss-ken-burns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes oss-ripple{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.015)}}@media(prefers-reduced-motion:reduce)and (max-width:767px),(prefers-reduced-motion:reduce)and (orientation:portrait){.oss-tile img{animation:none}.oss-world,.oss-veil{transition:none}.oss-background,.oss-worlds,.oss-sky{transform:none}.oss-cursor{display:none!important}.oss.is-tapping .oss-world.is-active{transform:none}.oss.is-tapping .oss-veil{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/orion-sleep-scene.css.map */
