[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.section-science-carousel-2{position:relative;z-index:2;isolation:isolate}.science-carousel-2{width:100%;padding:var(--sc2-padding-top-mobile, 64px) 1.6rem var(--sc2-padding-bottom-mobile, 64px);box-sizing:border-box;position:relative;z-index:2;isolation:isolate;background:var(--bg-gradient, var(--bg-color, transparent))}.science-carousel-2__surface{position:relative;z-index:3;isolation:isolate;display:block;width:100%;background:inherit}@media (min-width: 768px){.science-carousel-2{padding:var(--sc2-padding-top-desktop, 96px) 3.2rem var(--sc2-padding-bottom-desktop, 96px)}.science-carousel-2__container{gap:var(--sc2-gap-desktop, 24px)}}.science-carousel-2__container{max-width:1280px;margin:0 auto;display:grid;gap:var(--sc2-gap-mobile, 16px)}.science-carousel-2__intro{display:grid;gap:.6rem}.science-carousel-2__intro--center{text-align:center;justify-items:center}.science-carousel-2__intro--right{text-align:right;justify-items:end}.science-carousel-2__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--sc2-heading-size-desktop, clamp(2.6rem, 6vw, 4.4rem));font-weight:var(--sc2-heading-weight, var(--font-heading-weight));letter-spacing:var(--sc2-heading-letter-spacing, -.02em);line-height:var(--sc2-heading-line-height, 1.15);color:var(--sc2-heading-color, rgb(var(--color-foreground)))}.science-carousel-2__description{margin:.2rem 0 0;color:color-mix(in srgb,rgba(var(--color-foreground)) 80%,transparent);font-size:calc(var(--font-body-scale, 1) * var(--sc2-description-size, 16px));line-height:1.6;max-width:78ch}.science-carousel-2__layout{display:grid;gap:var(--sc2-gap-mobile, 16px)}@media (min-width: 1024px){.science-carousel-2__layout{grid-template-columns:minmax(0,.55fr) minmax(0,.45fr);gap:var(--sc2-gap-desktop, 24px);align-items:stretch}}.science-carousel-2__layout--list-right{direction:rtl}.science-carousel-2__layout--list-right>*{direction:ltr}.science-carousel-2__list{background:color-mix(in srgb,rgba(var(--color-background)) 100%,rgba(var(--color-foreground)) 4%);border:1px solid color-mix(in srgb,rgba(var(--color-border)) 45%,transparent);border-radius:var(--sc2-list-radius, 18px);padding:.8rem;display:grid;gap:.8rem;max-height:var(--sc2-list-max-height, 72vh);overflow:auto}.science-carousel-2__list{scrollbar-width:none}.science-carousel-2__list::-webkit-scrollbar{display:none}.science-carousel-2__item{width:100%;text-align:left;border:1px solid color-mix(in srgb,rgba(var(--color-border)) 35%,transparent);background:color-mix(in srgb,rgba(var(--color-background)) 100%,rgba(var(--color-foreground)) 2%);color:color-mix(in srgb,rgba(var(--color-foreground)) 96%,transparent);padding:1.2rem 1.4rem;border-radius:var(--sc2-card-radius, 12px);cursor:pointer;display:grid;gap:.5rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.science-carousel-2__item:hover,.science-carousel-2__item:focus-visible{border-color:color-mix(in srgb,rgba(var(--color-button)) 40%,transparent)}.science-carousel-2__item:focus-visible{outline:2px solid color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);outline-offset:2px}.science-carousel-2__item.is-active{border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:#fff}.science-carousel-2__item.is-active .science-carousel-2__item-desc,.science-carousel-2__item.is-active .science-carousel-2__item-icon,.science-carousel-2__item.is-active .science-carousel-2__tag{color:#fff}.science-carousel-2__item.is-active .science-carousel-2__tag{background:#ffffff1a}.science-carousel-2__item-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.science-carousel-2__item-title{font-weight:700;letter-spacing:-.01em;font-size:1.5rem}.science-carousel-2__item-icon{font-size:1.4rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 60%,transparent)}.science-carousel-2__item-desc{margin:0;font-size:1.35rem;line-height:1.45;color:color-mix(in srgb,rgba(var(--color-foreground)) 78%,transparent);display:none}.science-carousel-2__item.is-active .science-carousel-2__item-desc{display:block}.science-carousel-2__tags{display:flex;flex-wrap:wrap;gap:.6rem}.science-carousel-2__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent);color:color-mix(in srgb,rgba(var(--color-foreground)) 80%,transparent);font-size:1.2rem;line-height:1.2}.science-carousel-2__stage{position:relative;min-height:var(--sc2-panel-min, 320px);background:color-mix(in srgb,rgba(var(--color-background)) 100%,rgba(var(--color-foreground)) 3%);border:1px solid color-mix(in srgb,rgba(var(--color-border)) 40%,transparent);border-radius:var(--sc2-list-radius, 18px);overflow:hidden}.science-carousel-2__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(8px)}.science-carousel-2__panel.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.science-carousel-2__panel-media{position:relative;width:100%;height:100%;min-height:320px}.science-carousel-2__panel-media .xo-image,.science-carousel-2__panel-media .xo-image__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.science-carousel-2__panel-media img,.science-carousel-2__panel-media svg{width:100%;height:100%;object-fit:cover}@media (max-width: 1023px){.science-carousel-2__list{max-height:unset}.science-carousel-2__stage{order:-1;min-height:260px}.science-carousel-2--tight .science-carousel-2__layout,.science-carousel-2--stacked .science-carousel-2__layout{border-radius:var(--sc2-list-radius, 18px)}.science-carousel-2--tight .science-carousel-2__stage,.science-carousel-2--stacked .science-carousel-2__stage{border-radius:var(--sc2-list-radius, 18px) var(--sc2-list-radius, 18px) 0 0}.science-carousel-2--tight .science-carousel-2__list,.science-carousel-2--stacked .science-carousel-2__list{border-radius:0 0 var(--sc2-list-radius, 18px) var(--sc2-list-radius, 18px)}}.science-carousel-2--tight .science-carousel-2__layout{gap:0;border:1px solid color-mix(in srgb,rgba(var(--color-border)) 40%,transparent);border-radius:var(--sc2-list-radius, 18px);overflow:hidden}.science-carousel-2--tight.science-carousel-2--list-left .science-carousel-2__list{border:0;border-radius:var(--sc2-list-radius, 18px) 0 0 var(--sc2-list-radius, 18px)}.science-carousel-2--tight.science-carousel-2--list-left .science-carousel-2__stage,.science-carousel-2--tight.science-carousel-2--list-right .science-carousel-2__list{border:0;border-radius:0 var(--sc2-list-radius, 18px) var(--sc2-list-radius, 18px) 0}.science-carousel-2--tight.science-carousel-2--list-right .science-carousel-2__stage{border:0;border-radius:var(--sc2-list-radius, 18px) 0 0 var(--sc2-list-radius, 18px)}.science-carousel-2--stacked .science-carousel-2__layout{grid-template-columns:1fr}.science-carousel-2--stacked .science-carousel-2__stage{order:-1}@media (max-width: 767px){.science-carousel-2{padding:var(--sc2-padding-top-mobile, 64px) 1.4rem var(--sc2-padding-bottom-mobile, 64px)}.science-carousel-2__item{padding:1rem 1.2rem}.science-carousel-2__item-title{font-size:1.4rem}.science-carousel-2__item-desc{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-science-carousel-2.css.map */