.yuan-category-popout{--yuan-category-columns-current: var(--yuan-popout-columns-mobile, 1);--yuan-popout-gap: 24px;--yuan-popout-radius: 28px;--yuan-popout-image-width: 62%;--yuan-popout-image-height: 240px;--yuan-popout-overlap: 120px;--yuan-popout-body-min-height: 210px;--yuan-popout-title-size: 22px;--yuan-popout-title-weight: 700;--yuan-popout-text-size: 13px;--yuan-popout-heading-color: var(--color-text, #161816);--yuan-popout-subheading-color: var(--color-text-muted, #667068);--yuan-popout-section-bg: var(--color-page, #fbfaf6);--yuan-popout-side-padding: 24px;--yuan-popout-section-width: 100%;--yuan-popout-dot: rgba(22, 24, 22, .22);--yuan-popout-dot-active: var(--color-brand, #163325);--yuan-popout-arrow-bg: #ffffff;--yuan-popout-arrow-color: var(--color-text, #161816);display:block;position:relative;background:var(--yuan-popout-section-bg)}.yuan-category-popout__inner{box-sizing:border-box;margin-inline:auto;padding-inline:var(--yuan-popout-side-padding)}.yuan-category-popout__inner--full{width:100%;max-width:none}.yuan-category-popout__inner--page{width:100%;max-width:var(--page-width);padding-inline:max(var(--yuan-popout-side-padding),1.5rem)}.yuan-category-popout__inner--custom{width:var(--yuan-popout-section-width, 90%);max-width:100%}.yuan-category-popout__header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.6rem}.yuan-category-popout__header--left{align-items:flex-start;text-align:start}.yuan-category-popout__header--center{align-items:center;text-align:center}.yuan-category-popout__header--right{align-items:flex-end;text-align:end}.yuan-category-popout__heading{margin:0;color:var(--yuan-popout-heading-color);font-family:var(--font-heading-family);font-weight:600;line-height:1.15}.yuan-category-popout__subheading{margin:0;color:var(--yuan-popout-subheading-color);font-size:clamp(1.3rem,1.6vw,1.6rem);line-height:1.45}.yuan-category-popout__stage{position:relative}.yuan-category-popout__viewport{width:100%;overflow:hidden;outline:none;direction:ltr;touch-action:pan-y}.yuan-category-popout__viewport:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:.6rem}.yuan-category-popout__track{display:flex;align-items:stretch;width:100%;margin:0;padding:0;list-style:none;gap:var(--yuan-popout-gap);will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.yuan-category-popout__track[data-no-transition]{transition:none}.yuan-category-popout__slide{box-sizing:border-box;flex:0 0 calc((100% - (var(--yuan-category-columns-current) - 1) * var(--yuan-popout-gap)) / var(--yuan-category-columns-current));min-width:0}.yuan-category-popout:not([data-carousel-active]) .yuan-category-popout__viewport{overflow:visible;direction:inherit}.yuan-category-popout:not([data-carousel-active]) .yuan-category-popout__track{flex-wrap:wrap;justify-content:center;transform:none!important}.yuan-popout-card{display:flex;flex-direction:column;align-items:center;height:100%;color:inherit;text-decoration:none}.yuan-popout-card__figure{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:var(--yuan-popout-image-width);height:var(--yuan-popout-image-height)}.yuan-popout-card__image,.yuan-popout-card__placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .28s cubic-bezier(.22,1,.36,1)}.yuan-popout-card__placeholder{color:var(--yuan-popout-title-color, #c24e22)}.yuan-popout-card:hover .yuan-popout-card__image,.yuan-popout-card:hover .yuan-popout-card__placeholder{transform:translateY(-.8rem)}.yuan-popout-card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:.6rem}.yuan-popout-card__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem;box-sizing:border-box;width:100%;min-height:var(--yuan-popout-body-min-height);margin-top:calc(var(--yuan-popout-overlap) * -1);padding:calc(var(--yuan-popout-overlap) + .8rem) 1.6rem 2.2rem;border-radius:var(--yuan-popout-radius);background:var(--yuan-popout-card-bg, #f6d3c0);text-align:center;aspect-ratio:4 / 5}.yuan-popout-card__title{display:block;color:var(--yuan-popout-title-color, #c24e22);font-size:var(--yuan-popout-title-size);font-weight:var(--yuan-popout-title-weight);letter-spacing:.01em;line-height:1.2;overflow-wrap:anywhere}.yuan-popout-card__text{display:block;max-width:22ch;color:var(--yuan-popout-text-color, #a45a3c);font-size:var(--yuan-popout-text-size);font-weight:400;letter-spacing:.02em;line-height:1.45}.yuan-category-popout__arrow{position:absolute;top:58%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:1px solid rgba(22,24,22,.08);border-radius:999px;background:var(--yuan-popout-arrow-bg);color:var(--yuan-popout-arrow-color);box-shadow:0 .6rem 1.8rem #0e12261a;cursor:pointer;transform:translateY(-50%)}.yuan-category-popout__arrow:hover{transform:translateY(-50%) scale(1.05)}.yuan-category-popout__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.yuan-category-popout__arrow:disabled{opacity:.35;cursor:default;transform:translateY(-50%)}.yuan-category-popout__arrow .svg-wrapper{display:inline-flex;width:1.4rem;height:1.4rem}.yuan-category-popout__arrow--previous{inset-inline-start:.2rem}.yuan-category-popout__arrow--next{inset-inline-end:.2rem}.yuan-category-popout__arrow--previous .svg-wrapper{transform:rotate(90deg)}.yuan-category-popout__arrow--next .svg-wrapper,.yuan-category-popout[dir=rtl] .yuan-category-popout__arrow--previous .svg-wrapper{transform:rotate(-90deg)}.yuan-category-popout[dir=rtl] .yuan-category-popout__arrow--next .svg-wrapper{transform:rotate(90deg)}.yuan-category-popout:not([data-carousel-active]) .yuan-category-popout__arrow,.yuan-category-popout[data-show-arrows=false] .yuan-category-popout__arrow{display:none}.yuan-category-popout__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.2rem}.yuan-category-popout:not([data-carousel-active]) .yuan-category-popout__dots{display:none}.yuan-category-popout__dot{width:.85rem;height:.85rem;padding:0;border:0;border-radius:999px;background:var(--yuan-popout-dot);cursor:pointer}.yuan-category-popout__dot[aria-current=true]{background:var(--yuan-popout-dot-active)}.yuan-category-popout__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (min-width:750px){.yuan-category-popout{--yuan-category-columns-current: var(--yuan-popout-columns-tablet, 2)}.yuan-category-popout__header{margin-bottom:2rem}}@media screen and (min-width:990px){.yuan-category-popout{--yuan-category-columns-current: var(--yuan-popout-columns-desktop, 3)}.yuan-category-popout__arrow--previous{inset-inline-start:-.6rem}.yuan-category-popout__arrow--next{inset-inline-end:-.6rem}}@media screen and (max-width:749px){.yuan-category-popout__arrow{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.yuan-category-popout__track,.yuan-popout-card__image,.yuan-popout-card__placeholder,.yuan-category-popout__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-category-popout.css.map */