:root{--list-nav-gap: 10px;--list-nav-inset: 16px;--list-actions-gap: 24px;--list-foot-gap-m: 16px;--list-focus-room: 4px;--list-progress-h: 2px;--list-bullet: 8px;--list-bullet-active: 24px;--list-bullet-hit: 24px;--promo-min-h: 280px;--promo-min-h-mobile: 220px}mw-list{--list-bleed: var(--gutter);--list-bleed-ok: 1;display:block;min-width:0}:is(.section--boxed,.section--w-bleed,.blk) mw-list{--list-bleed: 0px;--list-bleed-ok: 0}.list{--_cols: var(--cols-xs, 2);--_gap: var(--list-gap-m, 8px);--_row-gap: var(--list-row-gap-m, var(--_gap));--_span: var(--span-m, 1)}@media(min-width:480px){.list{--_cols: var(--cols-sm, var(--cols-xs, 2))}}@media(min-width:768px){.list{--_cols: var(--cols-md, 3);--_gap: var(--list-gap-d, 12px);--_row-gap: var(--list-row-gap-d, var(--_gap))}.list__item--promo{--_span: var(--span, 1)}}@media(min-width:1025px){.list{--_cols: var(--cols-lg, var(--cols-md, 3))}}@media(min-width:1280px){.list{--_cols: var(--cols-xl, var(--cols-lg, 4))}}@media(min-width:1441px){.list{--_cols: var(--cols-xxl, var(--cols-xl, 4))}}@media(max-width:767px){.list__item--promo{--_span: var(--span-m, 1)}}.list__viewport{position:relative;min-width:0}.list__track{margin:0;padding:0;list-style:none}.list__item{order:var(--order, 0);min-width:0}.list--grid .list__track{display:grid;grid-template-columns:repeat(var(--_cols),minmax(0,1fr));gap:var(--_row-gap) var(--_gap)}.list--grid .list__item--promo{grid-column:span min(var(--_span),var(--_cols))}.list--carousel .list__track{--_w: calc((100% - (var(--_cols) - 1) * var(--_gap)) / var(--_cols));--_w: calc((100% - (round(up, var(--_cols), 1) - 1) * var(--_gap)) / var(--_cols));display:flex;gap:var(--_gap);margin-block:calc(-1 * var(--list-focus-room));padding-block:var(--list-focus-room);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.list--carousel .list__track::-webkit-scrollbar{display:none}@media(min-width:768px){.list--few .list__track{--_w: calc((100% - (var(--_cols) - 1) * var(--_gap)) / var(--_cols));--_w: calc((100% - (round(up, var(--_cols), 1) - 1) * var(--_gap)) / var(--_cols));display:flex;justify-content:center;gap:var(--_gap);overflow-x:visible}.list--few .list__item{flex:0 0 var(--_w)}}.list--carousel .list__item{flex:0 0 var(--_w);scroll-snap-align:start}.list--carousel .list__item--promo{flex-basis:calc(var(--_w) * min(var(--_span),var(--_cols)) + var(--_gap) * (min(var(--_span),var(--_cols)) - 1))}@media(max-width:767px){.list--swipe .list__track{--_w: calc((100% - (var(--_cols) - 1) * var(--_gap)) / var(--_cols));--_w: calc((100% - (round(up, var(--_cols), 1) - 1) * var(--_gap)) / var(--_cols));display:flex;gap:var(--_gap);margin-block:calc(-1 * var(--list-focus-room));padding-block:var(--list-focus-room);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.list--swipe .list__track::-webkit-scrollbar{display:none}.list--swipe .list__item{flex:0 0 var(--_w);scroll-snap-align:start}.list--swipe .list__item--promo{flex-basis:calc(var(--_w) * min(var(--_span),var(--_cols)) + var(--_gap) * (min(var(--_span),var(--_cols)) - 1))}:is(.list--carousel,.list--swipe) .list__track{margin-inline:calc(-1 * var(--list-bleed));padding-inline:var(--list-bleed);scroll-padding-inline:var(--list-bleed)}.list__item--top-m{order:-1}}@media(min-width:768px){.list--carousel .list__track{--_end: calc(var(--list-preview, 0) * var(--list-bleed-ok) * (50vw - 50%));margin-inline-end:calc(-1 * var(--_end));padding-inline-end:var(--_end)}}.section:has(.list--carousel,.list--swipe){overflow-x:clip}.list-nav{display:flex;align-items:center;gap:var(--list-nav-gap)}.list-nav--outside{justify-content:flex-end}.list-nav[data-static]{display:none}.list__arrow{border-radius:var(--radius-nav)}.list__arrow.list__arrow--plain{width:var(--_h);min-width:var(--_h);padding:0;text-decoration:none}.list__arrow .icon{flex:none}.list__arrow:dir(rtl) .icon{scale:-1 1}.list-nav--inside{position:absolute;z-index:2;inset-inline:var(--list-nav-inset);top:var(--list-nav-top, 50%);justify-content:space-between;translate:0 -50%;pointer-events:none}.list-nav--inside .list__arrow{pointer-events:auto}@media(hover:hover){.list--nav-hover .list__viewport:not(:hover,:focus-within) .list__arrow{opacity:0}}:root:not(.js) :is(.list-nav,.list__foot){display:none}@media(max-width:767px){.list-nav{display:none}}.list__foot{display:flex;align-items:center;justify-content:center;gap:var(--list-actions-gap);padding-top:var(--list-pag-top, var(--list-foot-gap-m))}mw-list[data-static] .list__foot{display:none}.list__progress{position:relative;flex:1 1 auto;max-width:var(--list-pag-max, none);height:var(--list-progress-h);overflow:hidden;border-radius:var(--radius-full);background:var(--color-border)}.list__progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-heading);transform-origin:0 50%;scale:var(--list-progress, 0) 1}.list__progress-bar:dir(rtl){transform-origin:100% 50%}.list__bullets{display:flex;flex-wrap:wrap;justify-content:center}.list__bullet{display:inline-grid;place-items:center;min-width:var(--list-bullet-hit);min-height:var(--list-bullet-hit);padding:0 calc(var(--list-bullet) / 2);border-radius:var(--radius-full)}.list__bullet:before{content:"";display:block;width:var(--list-bullet);height:var(--list-bullet);border-radius:var(--radius-full);background:var(--color-text-muted)}.list__bullet[aria-current=true]:before{width:var(--list-bullet-active);background:var(--color-heading)}@media(hover:hover){.list__bullet:hover:not([aria-current=true]):before{background:var(--color-heading)}}.list__play{--icon-size: var(--btn-icon);position:relative;display:inline-grid;flex:none;place-items:center;width:var(--h-xs);height:var(--h-xs);border:var(--btn-outline) solid var(--color-border);border-radius:var(--radius-nav);color:var(--color-heading)}.list__play[hidden],.list__play-icon--play,.list__play[data-paused] .list__play-icon--pause{display:none}.list__play[data-paused] .list__play-icon--play{display:block}@media(hover:hover){.list__play:hover{border-color:var(--color-heading)}}@media(pointer:coarse){.list__bullet{min-height:44px}.list__play:after{content:"";position:absolute;inset:calc((var(--h-xs) - 44px) / 2)}}@media(max-width:767px){.list__progress,.list__bullets{display:none}.list__foot{justify-content:flex-end;padding-top:var(--list-foot-gap-m)}.list__foot:not(:has(>.list__play:not([hidden]))){display:none}}.promo{position:relative;display:flex;flex-direction:column;min-height:var(--promo-min-h);overflow:hidden;color:var(--color-text);text-align:var(--promo-text-align, center)}.promo>.blk__link:focus-visible{outline-offset:calc(-2 * var(--list-focus-room))}.promo__body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:var(--promo-justify, flex-end)}.promo__content{display:flex;flex-direction:column;align-items:var(--promo-align, center);gap:var(--promo-gap, 8px)}.promo__heading,.promo__subheading{color:var(--color-heading)}.promo__action{display:flex;justify-content:var(--promo-align, center);margin-top:max(0px,calc(var(--promo-button-space, 16px) - var(--promo-gap, 8px)))}.promo>.promo__action{margin-top:var(--promo-button-space, 16px)}.promo__action>.button--full{flex:1 1 auto}@media(max-width:767px){.promo{min-height:var(--promo-min-h-mobile)}}.view-all{display:flex;min-width:0}@media(min-width:768px){.view-all__btn--mobile{display:none}}@media(max-width:767px){.view-all{justify-content:center}.view-all__btn--desktop{display:none}}.fc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--list-actions-gap);min-width:0}.fc__head>.section-header{flex:0 1 auto}.fc__head>.section-header:not(.blk--limit){flex-grow:1}.fc__actions{display:flex;flex:none;align-items:center;gap:var(--list-actions-gap)}.fc__head>.fc__actions:only-child{margin-inline-start:auto}.fc__actions:not(:has(>:not([data-static]))),.fc__head:not(:has(>.section-header,>.fc__actions>:not([data-static]))){display:none}@media(min-width:768px){.fc__head:has(>.section-header--center+.fc__actions>:not([data-static])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(max-content,1fr)}.fc__head:has(>.section-header--center+.fc__actions>:not([data-static]))>.section-header{grid-column:2}.fc__head:has(>.section-header--center+.fc__actions>:not([data-static]))>.fc__actions{grid-column:3;justify-self:end}}@media(max-width:767px){.fc__head,.fc__actions{display:contents}.fc>.fc__head .view-all,.fc>.fc__head .list-nav{order:1}}@media(prefers-reduced-motion:no-preference){.list__arrow{transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),scale var(--dur-fast) var(--ease)}.list__progress-bar{transition:scale var(--dur-fast) var(--ease-out)}.list__bullet:before{transition:width var(--dur) var(--ease-out),background-color var(--dur-fast) var(--ease)}.list__play{transition:border-color var(--dur-fast) var(--ease)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/list.css.map */