.modulo-fob.modulo-fob{--bg: var(--modulo-fob-surface, #fbf3ec);--heading: var(--modulo-fob-heading, #1f1a17);--title: var(--modulo-fob-title, #c8161d);--text: var(--modulo-fob-text, #3b332e);--icon-bg: var(--modulo-fob-icon-bg, #ffffff);--icon-ink: var(--modulo-fob-icon-ink, #211c16);--icon-accent: var(--modulo-fob-icon-accent, #c8161d);--icon-tint: color-mix(in srgb, var(--icon-accent) 24%, var(--icon-bg));--dot: var(--modulo-fob-dot, #c8161d);--mw: var(--modulo-fob-media-w, 440px);--ar: var(--modulo-fob-ratio, .8);--g: var(--modulo-fob-gap, 40px);--icon: var(--modulo-fob-icon-size, 72px);--copy-w: 250px;--copy-gap: 22px;box-sizing:border-box;background:var(--modulo-fob-bg, #fbf3ec);color:var(--text);padding-top:var(--modulo-fob-pt, 88px);padding-bottom:var(--modulo-fob-pb, 96px)}@supports not (color: color-mix(in srgb,red,blue)){.modulo-fob.modulo-fob{--icon-tint: var(--icon-bg)}}.modulo-fob.modulo-fob *,.modulo-fob.modulo-fob *:before,.modulo-fob.modulo-fob *:after{box-sizing:border-box}.modulo-fob.modulo-fob .modulo-section__container{width:100%;max-width:var(--modulo-fob-max, 1200px);margin-inline:auto;padding-inline:32px}.modulo-fob.modulo-fob--width-boxed{max-width:1200px;margin-inline:auto;border-radius:var(--modulo-fob-radius, 24px);overflow:hidden}.modulo-fob.modulo-fob--body-font{font-family:var(--modulo-fob-body-font);font-weight:var(--modulo-fob-body-weight, 400)}.modulo-fob__header.modulo-fob__header{max-width:720px;margin:0 auto 56px;text-align:center}.modulo-fob--left .modulo-fob__header.modulo-fob__header{margin-left:0;text-align:left}.modulo-fob__eyebrow.modulo-fob__eyebrow{margin:0 0 14px;color:var(--title);font-size:calc(var(--modulo-fob-title-d, 22px) * .72);font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.modulo-fob__heading.modulo-fob__heading{margin:0;color:var(--heading);font-size:var(--modulo-fob-heading-d, 46px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.modulo-fob__heading.modulo-fob__heading strong,.modulo-fob__heading.modulo-fob__heading b{color:var(--title);font-weight:inherit}.modulo-fob__intro.modulo-fob__intro{margin:16px auto 0;max-width:58ch;color:var(--text);font-size:calc(var(--modulo-fob-body-d, 15px) + 2px);line-height:1.6}.modulo-fob--left .modulo-fob__intro.modulo-fob__intro{margin-left:0}.modulo-fob--title-font .modulo-fob__eyebrow.modulo-fob__eyebrow,.modulo-fob--title-font .modulo-fob__heading.modulo-fob__heading,.modulo-fob--title-font .modulo-fob__title.modulo-fob__title{font-family:var(--modulo-fob-title-font);font-weight:var(--modulo-fob-title-weight, 400);font-style:var(--modulo-fob-title-style, normal)}.modulo-fob__body.modulo-fob__body{container-type:inline-size}.modulo-fob__stage.modulo-fob__stage{--w: min(var(--mw), 40cqi, calc(100cqi - 2 * var(--g) - var(--icon) - 2 * var(--copy-gap) - 340px));--h: calc(var(--w) / var(--ar));--hw: calc(var(--w) / 2);--hh: calc(var(--h) / 2);position:relative;padding-block:12px}@supports not (width: 1cqi){.modulo-fob__stage.modulo-fob__stage{--w: min(var(--mw), 36vw)}}.modulo-fob__orbit.modulo-fob__orbit{position:relative;width:calc(var(--w) + 2 * var(--g));height:calc(var(--h) + 2 * var(--g));margin-inline:auto}.modulo-fob__ringwrap.modulo-fob__ringwrap{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none}.modulo-fob__ring.modulo-fob__ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:block;width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible}.modulo-fob__ring.modulo-fob__ring ellipse{fill:none;stroke:var(--dot);stroke-width:4.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.modulo-fob__media.modulo-fob__media{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);translate:-50% -50%;overflow:hidden;border:var(--modulo-fob-border-w, 0px) solid var(--modulo-fob-border, #ffffff);border-radius:50%;background:color-mix(in srgb,var(--text) 8%,var(--bg))}.modulo-fob--shadow .modulo-fob__media.modulo-fob__media{box-shadow:0 0 0 1px color-mix(in srgb,var(--heading) 4%,transparent),0 28px 60px -18px color-mix(in srgb,var(--heading) 42%,transparent),0 6px 18px -6px color-mix(in srgb,var(--heading) 22%,transparent)}.modulo-fob__img.modulo-fob__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.modulo-fob__placeholder.modulo-fob__placeholder{position:absolute;left:50%;top:50%;width:auto;min-width:100%;height:100%;aspect-ratio:1;translate:-50% -50%;fill:color-mix(in srgb,var(--text) 30%,transparent)}.modulo-fob__play.modulo-fob__play{position:absolute;left:50%;bottom:8%;translate:-50% 0;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--heading) 55%,transparent);color:var(--bg);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modulo-fob__play.modulo-fob__play[hidden]{display:none}.modulo-fob__play.modulo-fob__play:focus-visible{outline:2px solid var(--bg);outline-offset:3px}.modulo-fob__play-glyph.modulo-fob__play-glyph{display:block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}.modulo-fob__play.is-paused .modulo-fob__play-glyph.modulo-fob__play-glyph{width:0;height:0;margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor}.modulo-fob__icon.modulo-fob__icon{position:absolute;left:calc(50% + var(--cx) * var(--hw) + var(--cx) * var(--g));top:calc(50% + var(--cy) * var(--hh) + var(--cy) * var(--g));display:grid;place-items:center;width:var(--icon);height:var(--icon);translate:-50% -50%;border-radius:var(--modulo-fob-icon-radius, 50%);background:var(--icon-bg);color:var(--icon-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--icon-accent) 22%,transparent),0 10px 22px -12px color-mix(in srgb,var(--heading) 45%,transparent),0 2px 6px -2px color-mix(in srgb,var(--heading) 18%,transparent);transition:scale .25s cubic-bezier(.2,.8,.2,1)}.modulo-fob--bg-solid .modulo-fob__icon.modulo-fob__icon{box-shadow:0 0 0 6px var(--bg),inset 0 0 0 1.5px color-mix(in srgb,var(--icon-accent) 22%,transparent),0 10px 22px -12px color-mix(in srgb,var(--heading) 45%,transparent),0 2px 6px -2px color-mix(in srgb,var(--heading) 18%,transparent)}.modulo-fob__glyph.modulo-fob__glyph{display:block;width:66%;height:66%;overflow:visible}.modulo-fob__icon-img.modulo-fob__icon-img{display:block;width:62%;height:62%;max-width:none;object-fit:contain}.modulo-fob__glyph.modulo-fob__glyph .mci-o{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.modulo-fob__glyph.modulo-fob__glyph .mci-a{fill:var(--icon-accent);stroke:none}.modulo-fob__glyph.modulo-fob__glyph .mci-t{fill:var(--icon-tint);stroke:none}.modulo-fob__glyph.modulo-fob__glyph .mci-w{fill:var(--icon-bg);stroke:none}.modulo-fob__glyph.modulo-fob__glyph .mci-f{fill:currentColor;stroke:none}.modulo-fob__glyph.modulo-fob__glyph .mci-h{fill:none;stroke:var(--icon-tint);stroke-width:2.4;stroke-linecap:round}.modulo-fob__list.modulo-fob__list{margin:0;padding:0;list-style:none}.modulo-fob__item.modulo-fob__item{position:absolute;top:calc(50% + var(--cy) * var(--hh) + var(--cy) * var(--g));margin:0;padding:0;translate:0 -50%;list-style:none}.modulo-fob__item.modulo-fob__item:before,.modulo-fob__item.modulo-fob__item::marker{content:none}.modulo-fob__item--l.modulo-fob__item--l{right:calc(50% - var(--cx) * var(--hw) - var(--cx) * var(--g) + var(--icon) / 2 + var(--copy-gap));width:min(var(--copy-w),calc(50% + var(--cx) * var(--hw) + var(--cx) * var(--g) - var(--icon) / 2 - var(--copy-gap)));text-align:right}.modulo-fob__item--r.modulo-fob__item--r{left:calc(50% + var(--cx) * var(--hw) + var(--cx) * var(--g) + var(--icon) / 2 + var(--copy-gap));width:min(var(--copy-w),calc(50% - var(--cx) * var(--hw) - var(--cx) * var(--g) - var(--icon) / 2 - var(--copy-gap)));text-align:left}.modulo-fob__title.modulo-fob__title{margin:0 0 6px;color:var(--title);font-size:var(--modulo-fob-title-d, 22px);line-height:1.15;letter-spacing:normal;text-wrap:balance}.modulo-fob__desc.modulo-fob__desc{margin:0;color:var(--text);font-size:var(--modulo-fob-body-d, 15px);line-height:1.55}.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--1:hover) .modulo-fob__icon--1,.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--2:hover) .modulo-fob__icon--2,.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--3:hover) .modulo-fob__icon--3,.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--4:hover) .modulo-fob__icon--4,.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--5:hover) .modulo-fob__icon--5,.modulo-fob__stage.modulo-fob__stage:has(.modulo-fob__item--6:hover) .modulo-fob__icon--6{scale:1.1}.modulo-fob__hint.modulo-fob__hint{margin:24px auto 0;max-width:48ch;color:var(--text);font-size:14px;text-align:center;opacity:.8}@property --fob-sweep{syntax: "<angle>"; inherits: false; initial-value: 360deg;}.modulo-fob.is-armed .modulo-fob__ringwrap.modulo-fob__ringwrap{--fob-sweep: 0deg;-webkit-mask-image:conic-gradient(#000 var(--fob-sweep),transparent 0);mask-image:conic-gradient(#000 var(--fob-sweep),transparent 0)}.modulo-fob.is-armed .modulo-fob__media.modulo-fob__media{opacity:0;scale:.94}.modulo-fob.is-armed .modulo-fob__icon.modulo-fob__icon{opacity:0;scale:.4}.modulo-fob.is-armed .modulo-fob__item.modulo-fob__item{opacity:0}.modulo-fob.is-in .modulo-fob__ringwrap.modulo-fob__ringwrap{--fob-sweep: 360deg;transition:--fob-sweep 1.6s cubic-bezier(.45,.05,.25,1)}.modulo-fob.is-in .modulo-fob__media.modulo-fob__media{opacity:1;scale:1;transition:opacity .7s ease,scale .9s cubic-bezier(.2,.8,.2,1)}.modulo-fob.is-in .modulo-fob__icon.modulo-fob__icon{opacity:1;scale:1;transition:opacity .35s ease calc(.45s + var(--i) * .12s),scale .5s cubic-bezier(.34,1.56,.64,1) calc(.45s + var(--i) * .12s)}.modulo-fob.is-in .modulo-fob__item.modulo-fob__item{opacity:1;transition:opacity .6s ease calc(.6s + var(--i) * .12s)}@media(max-width:860px){.modulo-fob.modulo-fob .modulo-section__container{padding-inline:16px}.modulo-fob__header.modulo-fob__header{margin-bottom:36px}.modulo-fob__heading.modulo-fob__heading{font-size:calc((var(--modulo-fob-heading-d, 46px) + var(--modulo-fob-heading-m, 30px)) / 2)}.modulo-fob__title.modulo-fob__title{font-size:calc((var(--modulo-fob-title-d, 22px) + var(--modulo-fob-title-m, 17px)) / 2)}.modulo-fob__desc.modulo-fob__desc{font-size:calc((var(--modulo-fob-body-d, 15px) + var(--modulo-fob-body-m, 13px)) / 2)}.modulo-fob__stage.modulo-fob__stage{--w: min(var(--mw), 54cqi);--g: calc(var(--modulo-fob-gap, 40px) * .6);--icon: max(40px, calc(var(--modulo-fob-icon-size, 72px) * .74));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:10px;row-gap:calc(var(--icon) / 2 + 12px);padding-block:0}@supports not (width: 1cqi){.modulo-fob__stage.modulo-fob__stage{--w: min(var(--mw), 50vw)}}.modulo-fob__list.modulo-fob__list{display:contents}.modulo-fob__orbit.modulo-fob__orbit{grid-column:1 / -1;grid-row:2}.modulo-fob__icon.modulo-fob__icon{left:calc(50% + var(--mcx) * var(--hw) + var(--mcx) * var(--g));top:calc(50% + var(--mcy) * var(--hh) + var(--mcy) * var(--g))}.modulo-fob__item.modulo-fob__item,.modulo-fob__item--l.modulo-fob__item--l,.modulo-fob__item--r.modulo-fob__item--r{position:static;width:auto;translate:none;text-align:center}.modulo-fob__item--top.modulo-fob__item--top{grid-row:1;align-self:end}.modulo-fob__item--bot.modulo-fob__item--bot{grid-row:3;align-self:start}.modulo-fob__item--c1.modulo-fob__item--c1{grid-column:1}.modulo-fob__item--c2.modulo-fob__item--c2{grid-column:2}.modulo-fob__item--c3.modulo-fob__item--c3{grid-column:3}.modulo-fob__stage--n1 .modulo-fob__item--c2.modulo-fob__item--c2,.modulo-fob__stage--n2 .modulo-fob__item--c2.modulo-fob__item--c2,.modulo-fob__stage--n3 .modulo-fob__item--top.modulo-fob__item--c2{grid-column:1 / -1;max-width:320px;justify-self:center}}@media(max-width:480px){.modulo-fob__heading.modulo-fob__heading{font-size:var(--modulo-fob-heading-m, 30px)}.modulo-fob__title.modulo-fob__title{margin-bottom:4px;font-size:var(--modulo-fob-title-m, 17px)}.modulo-fob__desc.modulo-fob__desc{font-size:var(--modulo-fob-body-m, 13px);line-height:1.45}.modulo-fob__intro.modulo-fob__intro{font-size:calc(var(--modulo-fob-body-m, 13px) + 2px)}.modulo-fob__stage.modulo-fob__stage{--w: min(var(--mw), 58cqi);column-gap:8px}}@media(prefers-reduced-motion:reduce){.modulo-fob.modulo-fob *,.modulo-fob.is-in *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/modulo-section-features-orbit.css.map */