.oo-hero{--oo-fig-w: clamp(340px, 36vw, 520px);--oo-fig-right: clamp(0px, 4vw, 70px);display:block}.oo-hero__inner{padding-top:16px}.oo-hero__card{position:relative;border-radius:var(--oo-radius-hero);background:var(--oo-frost);box-shadow:0 30px 60px -40px rgb(var(--oo-shadow-rgb) / 55%),inset 0 0 0 1px rgb(var(--oo-paper-rgb) / 70%)}.oo-hero__sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.oo-hero__layer{position:absolute;top:-60px;right:0;bottom:-60px;left:0}.oo-hero__layer--b{top:-110px;right:-40px;bottom:-110px;left:-40px}.oo-hero__sway{position:absolute;top:0;right:0;bottom:0;left:0}.oo-hero__snow{position:absolute;top:-180px;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27180%27%3E%3Cpath%20transform%3D%27translate(0%20166)%20rotate(-76)%20scale(0.43)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23c2410c%27%20fill-opacity%3D%270.83%27%2F%3E%3Cpath%20transform%3D%27translate(119%20135)%20rotate(92)%20scale(0.51)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23c2410c%27%20fill-opacity%3D%270.86%27%2F%3E%3Cpath%20transform%3D%27translate(294%2044)%20rotate(-45)%20scale(0.55)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23c2410c%27%20fill-opacity%3D%270.71%27%2F%3E%3Cpath%20transform%3D%27translate(246%2084)%20rotate(152)%20scale(0.58)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ff7a1a%27%20fill-opacity%3D%270.83%27%2F%3E%3Cpath%20transform%3D%27translate(332%20124)%20rotate(52)%20scale(0.52)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23f59e0b%27%20fill-opacity%3D%270.93%27%2F%3E%3Cpath%20transform%3D%27translate(134%2060)%20rotate(121)%20scale(0.46)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ff7a1a%27%20fill-opacity%3D%270.77%27%2F%3E%3Ccircle%20cx%3D%27154%27%20cy%3D%2753%27%20r%3D%272.3%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3Ccircle%20cx%3D%27201%27%20cy%3D%27131%27%20r%3D%272.2%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3Ccircle%20cx%3D%2721%27%20cy%3D%2749%27%20r%3D%271.8%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27250%27%20height%3D%2790%27%3E%3Cpath%20transform%3D%27translate(127%2038)%20rotate(-111)%20scale(0.46)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ff7a1a%27%20fill-opacity%3D%270.79%27%2F%3E%3Cpath%20transform%3D%27translate(86%2060)%20rotate(153)%20scale(0.38)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ff7a1a%27%20fill-opacity%3D%270.80%27%2F%3E%3Ccircle%20cx%3D%2771%27%20cy%3D%2733%27%20r%3D%271.6%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3C%2Fsvg%3E");background-position:0 0,70px 40px;background-size:360px 180px,250px 90px}.oo-hero__snow--b{top:-340px;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27420%27%20height%3D%27340%27%3E%3Cpath%20transform%3D%27translate(140%20181)%20rotate(41)%20scale(0.69)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23f59e0b%27%20fill-opacity%3D%270.81%27%2F%3E%3Cpath%20transform%3D%27translate(362%20216)%20rotate(48)%20scale(0.81)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ffb347%27%20fill-opacity%3D%270.87%27%2F%3E%3Cpath%20transform%3D%27translate(395%20135)%20rotate(75)%20scale(0.70)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ffb347%27%20fill-opacity%3D%270.79%27%2F%3E%3Cpath%20transform%3D%27translate(139%20133)%20rotate(106)%20scale(0.95)%20translate(-10%20-10)%27%20d%3D%27M10%201l1.8%204.2%203.6-1.6-1%204%204.1.5-3%202.7%201.7%203.5-4.2-.9L10%2019l-3-5.6-4.2.9%201.7-3.5-3-2.7%204.1-.5-1-4%203.6%201.6z%27%20fill%3D%27%23ff7a1a%27%20fill-opacity%3D%270.90%27%2F%3E%3Ccircle%20cx%3D%2733%27%20cy%3D%27138%27%20r%3D%271.2%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3Ccircle%20cx%3D%2733%27%20cy%3D%27339%27%20r%3D%271.3%27%20fill%3D%27%23c4b5fd%27%20fill-opacity%3D%27.7%27%2F%3E%3C%2Fsvg%3E");background-position:30px 0;background-size:420px 340px;opacity:.85}.oo-hero__glow{position:absolute;top:-30%;right:8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#ff963c4d,#8b5cf624 40%,#8b5cf600 66%)}.oo-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;padding:32px 22px 24px}.oo-hero__lead{max-width:460px}.oo-hero__search{display:flex;align-items:center;gap:8px;max-width:480px;padding:6px 6px 6px 16px;border:1px solid var(--oo-edge);border-radius:var(--oo-radius-pill);background:rgb(var(--oo-paper-rgb) / 85%);box-shadow:0 14px 30px -20px rgb(var(--oo-shadow-rgb) / 60%)}.oo-hero__search-icon{flex:none;color:var(--oo-muted)}.oo-hero__input{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;background:transparent;font-size:1rem;color:var(--oo-ink);text-overflow:ellipsis}.oo-hero__input::placeholder{color:var(--oo-muted);opacity:1}@supports selector(:has(*)){.oo-hero__input:focus-visible{outline:none}.oo-hero__search:has(.oo-hero__input:focus-visible){outline:3px solid var(--oo-teal);outline-offset:3px}}.oo-hero__submit{flex:none;min-height:44px;padding:0 20px}.oo-hero__popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.oo-hero__popular-label{margin-right:2px;font-size:.875rem;color:var(--oo-ink-2)}.oo-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.oo-hero__chip-missing{border-style:dashed;border-color:var(--oo-ink-2)}.oo-hero__snow-toggle{display:none;align-items:center;align-self:flex-start;gap:8px;min-height:44px;padding:0 14px 0 4px;border:0;border-radius:var(--oo-radius-pill);background:transparent;color:var(--oo-ink-2);font-size:.8125rem;font-weight:700}@media(prefers-reduced-motion:no-preference){.js.oo-motion .oo-hero__snow-toggle{display:inline-flex}.js.oo-motion .oo-hero:not(:defined) .oo-hero__snow-toggle{visibility:hidden}}@media(prefers-reduced-motion:reduce){.js.oo-motion .oo-hero.is-offer-auto .oo-hero__snow-toggle{display:inline-flex}}.oo-hero__snow-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgb(var(--oo-paper-rgb) / 70%);color:var(--oo-ink)}.oo-hero__snow-toggle:hover .oo-hero__snow-icon{background:var(--oo-paper)}.oo-hero__snow-toggle[data-paused] .oo-hero__snow-icon--pause,.oo-hero__snow-toggle:not([data-paused]) .oo-hero__snow-icon--play{display:none}.oo-hero__figure,.oo-hero__blossom,.oo-hero__chip{display:none}@media(max-width:860px){.oo-hero__card:has(.oo-hero__offer) .oo-hero__content{gap:14px;padding-top:26px;padding-bottom:14px}.oo-hero__popular{flex-wrap:nowrap}.oo-hero__chips{flex-wrap:nowrap;min-width:0;margin-inline-end:-22px;padding:2px 32px 2px 2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,transparent,var(--oo-ink) 28px);mask-image:linear-gradient(to left,transparent,var(--oo-ink) 28px)}.oo-hero__chips .oo-chip{white-space:nowrap}.oo-hero__offer{position:relative;z-index:2;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;margin:0 14px 14px;padding:8px 10px 8px 8px;border:1px solid var(--oo-edge);border-radius:22px;background:var(--oo-surface-strong);box-shadow:0 16px 34px -22px rgb(var(--oo-shadow-rgb) / 70%)}.oo-hero__figure--offers{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--oo-radius-small);background:var(--oo-paper)}.oo-hero__figure--offers .oo-hero__float,.oo-hero__figure--offers .oo-hero__tilt{position:absolute;top:0;right:0;bottom:0;left:0}.oo-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;margin:0}.oo-hero__slide.is-active,.oo-hero__slide.is-leaving{display:block}.oo-hero__photo{width:100%;height:100%;object-fit:cover}.oo-hero__offer-chips{min-width:0}.oo-hero__offer .oo-hero__chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px}.oo-hero__offer .oo-hero__chip-link{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}@media(min-width:600px){.oo-hero__content{gap:20px;padding:clamp(32px,4.4vw,60px) clamp(22px,4vw,60px) clamp(28px,4vw,44px)}.oo-hero__search{padding-left:20px}.oo-hero__submit{padding:0 22px}}@media(min-width:861px){.oo-hero__inner{padding-top:clamp(48px,7vw,110px)}.oo-hero:has(.oo-hero__offer) .oo-hero__inner{padding-top:clamp(40px,3.5vw,52px)}.oo-hero__card{min-height:440px}.oo-hero__content{max-width:min(560px,calc(100% - var(--oo-fig-w) - var(--oo-fig-right) + 60px));padding-bottom:clamp(52px,5vw,64px)}.oo-hero__snow-toggle{position:absolute;bottom:6px;left:calc(clamp(22px,4vw,60px) - 4px)}.oo-hero__offer{display:contents}.oo-hero__figure{position:absolute;right:var(--oo-fig-right);bottom:0;z-index:1;display:block;width:var(--oo-fig-w);height:calc(var(--oo-fig-w) * 1.2);pointer-events:none;clip-path:inset(-200px -200px 0)}.oo-hero__float{position:absolute;top:0;right:0;bottom:0;left:0}.oo-hero__tilt{position:absolute;top:0;left:0;width:100%}.oo-hero__img{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgb(var(--oo-shadow-rgb) / 25%))}.oo-hero__figure--offers .oo-hero__tilt{top:2%;left:8%;width:84%;aspect-ratio:4 / 5}.oo-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;margin:0;rotate:-2.5deg}.oo-hero__slide.is-active,.oo-hero__slide.is-leaving{display:block}.oo-hero__photo{width:100%;height:100%;border:6px solid var(--oo-edge);border-radius:var(--oo-radius-card);background:var(--oo-paper);box-shadow:var(--oo-shadow-lift);object-fit:cover}.oo-hero__blossom{position:absolute;top:-34px;right:clamp(380px,33vw,480px);z-index:3;display:block;overflow:visible;transform:rotate(-8deg)}.oo-hero__blossom>path{fill:var(--oo-pink);stroke:var(--oo-white);stroke-width:1.2}.oo-hero__blossom>circle{fill:#f6d27a}.oo-hero__chip{position:absolute;right:clamp(16px,2vw,30px);bottom:24px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;width:max-content;max-width:min(380px,calc(var(--oo-fig-w) + var(--oo-fig-right) - 16px));padding:10px 10px 10px 18px;border:1px solid var(--oo-edge);border-radius:22px;background:var(--oo-surface-strong);box-shadow:0 16px 34px -22px rgb(var(--oo-shadow-rgb) / 70%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.oo-hero__chip[data-oo-offer-chip]:not(.is-active){display:none}@media(scripting:none){.oo-hero__slide:first-child{display:block}.oo-hero__offer-chips>.oo-hero__chip:first-child{display:grid}}.oo-hero__chip-text{display:flex;flex-direction:column;grid-area:1 / 1;gap:2px;min-width:0}.oo-hero__chip-meta{font-size:.8125rem;line-height:1.4;color:var(--oo-ink-2)}.oo-hero__chip-link{font-size:.9375rem;font-weight:800;line-height:1.3;text-decoration:none}.oo-hero__chip-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.oo-hero__chip:hover .oo-hero__chip-link{text-decoration:underline}.oo-hero__chip-link:focus-visible{outline:none}.oo-hero__chip-link:focus-visible:after{outline:3px solid var(--oo-teal);outline-offset:3px}.oo-hero__chip .oo-price,.oo-hero__chip .oo-price__row{display:contents}.oo-hero__chip .oo-price__current{grid-area:1 / 2;justify-self:end;padding:9px 14px;border-radius:var(--oo-radius-small);background:var(--oo-teal);color:var(--oo-white);font-size:.9375rem;white-space:nowrap}.oo-hero__chip .oo-price__ref,.oo-hero__chip .oo-price__unit,.oo-hero__chip .oo-price__note{grid-column:1 / -1;color:var(--oo-ink-2)}@media(prefers-reduced-motion:no-preference){.oo-motion .oo-hero:defined .oo-hero__snow--a{animation:oo-hero-fall-a 10s linear infinite}.oo-motion .oo-hero:defined .oo-hero__snow--b{animation:oo-hero-fall-b 16s linear infinite}.oo-motion .oo-hero:defined .oo-hero__sway{animation:oo-hero-sway 7s ease-in-out infinite alternate}.oo-motion .oo-hero.is-offscreen :is(.oo-hero__snow,.oo-hero__sway),.oo-motion .oo-hero.is-snow-paused :is(.oo-hero__snow,.oo-hero__sway){animation-play-state:paused}.oo-motion .oo-hero__blossom{animation:oo-hero-bob 1.6s ease-in-out .4s 1 both}}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide{transform:perspective(1100px) translateZ(0) rotateY(0) scale(1);transition:opacity .45s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-active{z-index:1}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-entering{opacity:0;transform:perspective(1100px) translate3d(200px,0,-120px) rotateY(-45deg) scale(.9)}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-leaving{opacity:0;transform:perspective(1100px) translate3d(-200px,0,-120px) rotateY(45deg) scale(.9);transition:opacity .35s ease-in .4s,transform .75s cubic-bezier(.4,0,.6,1)}.oo-motion .oo-hero.is-offer-motion .oo-hero__chip[data-oo-offer-chip].is-active{animation:oo-hero-chip-in .5s ease .15s both}@media(max-width:860px){.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-entering{transform:perspective(400px) translate3d(36px,0,-40px) rotateY(-35deg) scale(.9)}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-leaving{transform:perspective(400px) translate3d(-36px,0,-40px) rotateY(35deg) scale(.9)}}@media(prefers-reduced-motion:reduce){.oo-motion .oo-hero.is-offer-motion .oo-hero__slide{transition-duration:.45s,.75s!important}.oo-motion .oo-hero.is-offer-motion .oo-hero__slide.is-leaving{transition-duration:.35s,.75s!important}.oo-motion .oo-hero.is-offer-motion .oo-hero__chip[data-oo-offer-chip].is-active{animation-duration:.5s!important}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.oo-motion .oo-hero{view-timeline:--oo-hero block}.oo-motion .oo-hero :is(.oo-hero__layer,.oo-hero__float){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--oo-hero;animation-range:cover 0% cover 100%}.oo-motion .oo-hero .oo-hero__layer--a{animation-name:oo-hero-par-a}.oo-motion .oo-hero .oo-hero__layer--b{animation-name:oo-hero-par-b}.oo-motion .oo-hero .oo-hero__float{animation-name:oo-hero-par-fig}}}@supports not (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.oo-motion .oo-hero .oo-hero__layer--a{transform:translate3d(0,calc((var(--oo-scroll, .5) - .5) * 80px),0)}.oo-motion .oo-hero .oo-hero__layer--b{transform:translate3d(0,calc((var(--oo-scroll, .5) - .5) * 180px),0)}.oo-motion .oo-hero .oo-hero__float{transform:translate3d(0,calc((.5 - var(--oo-scroll, .5)) * 120px),0)}}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.oo-motion .oo-hero__tilt{transform:perspective(1200px) rotateY(calc(var(--oo-tilt-x, 0) * -10deg)) rotateX(calc(var(--oo-tilt-y, 0) * 6deg)) translate3d(calc(var(--oo-tilt-x, 0) * -16px),calc(var(--oo-tilt-y, 0) * -10px),0);transition:transform .5s ease-out}}@keyframes oo-hero-fall-a{to{transform:translate3d(0,180px,0)}}@keyframes oo-hero-fall-b{to{transform:translate3d(0,340px,0)}}@keyframes oo-hero-sway{0%{transform:translate3d(-18px,0,0)}to{transform:translate3d(18px,0,0)}}@keyframes oo-hero-chip-in{0%{opacity:0;transform:translate3d(24px,0,0)}}@keyframes oo-hero-bob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(6deg)}}@keyframes oo-hero-par-a{0%{transform:translate3d(0,-40px,0)}to{transform:translate3d(0,40px,0)}}@keyframes oo-hero-par-b{0%{transform:translate3d(0,-90px,0)}to{transform:translate3d(0,90px,0)}}@keyframes oo-hero-par-fig{0%{transform:translate3d(0,60px,0)}to{transform:translate3d(0,-60px,0)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/oo-hero.css.map */