.em-plist{--em-plist-cols: var(--em-rail-cols, 2);display:grid;grid-template-columns:repeat(var(--em-plist-cols),minmax(0,1fr));align-items:stretch;gap:0}.em-plist--bleed{margin-inline:calc(-1 * var(--em-gutter))}.em-plist--center{justify-content:center}.em-plist--rail,.em-plist--rail-mobile,.em-plist--rail-desktop{scrollbar-width:none}.em-plist--rail::-webkit-scrollbar,.em-plist--rail-mobile::-webkit-scrollbar,.em-plist--rail-desktop::-webkit-scrollbar{display:none}.em-plist--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--em-plist-cols));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.em-plist--rail>*{scroll-snap-align:start}@media screen and (max-width:699px){.em-plist--rail{grid-auto-columns:min(300px,65%)}.em-plist--rail-mobile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--em-plist-cols));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.em-plist--rail-mobile>*{scroll-snap-align:start}}@media screen and (min-width:700px){.em-plist--rail-desktop{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--em-plist-cols));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.em-plist--rail-desktop>*{scroll-snap-align:start}}.em-plist__placeholder{aspect-ratio:4 / 5}.em-plist__placeholder svg{width:100%;height:100%}.em-rail{position:relative;display:block;width:100%}.em-rail__stage{position:relative}.em-rail--with-progress{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}@media screen and (min-width:700px){.em-rail--with-progress{gap:3rem}}.em-rail__arrow{--em-rail-arrow: 2.5rem;position:absolute;top:calc(50% - var(--em-rail-arrow) / 2);z-index:2;display:grid;place-content:center;width:var(--em-rail-arrow);height:var(--em-rail-arrow);padding:0;border:0;border-radius:50%;background:color-mix(in srgb,rgb(var(--em-text, 83 83 83)) 8%,rgb(var(--em-bg, 234 234 234)));color:rgb(var(--em-text, 83 83 83));cursor:pointer;opacity:0;translate:0 1.5rem;transition:scale .2s,translate .2s,opacity .2s,visibility .2s,background-color .2s,color .2s}.em-rail__arrow .em-icon{--em-icon-size: 14px}.em-rail__arrow--prev{inset-inline-start:var(--em-rail-offset, 0px)}.em-rail__arrow--next{inset-inline-end:var(--em-rail-offset, 0px)}.em-rail__arrow[disabled]{opacity:0;visibility:hidden;translate:0;scale:.5}.em-rail__arrow[hidden]{display:none}@media screen and (min-width:1000px){.em-rail__arrow{--em-rail-arrow: 3rem}}@media(hover:hover)and (pointer:fine){.em-rail.is-scrollable:hover .em-rail__arrow:not([disabled]),.em-rail.is-scrollable:focus-within .em-rail__arrow:not([disabled]){opacity:1;translate:0}.em-rail__arrow:not([disabled]):hover{background:rgb(var(--em-text, 83 83 83));color:rgb(var(--em-bg, 234 234 234))}}.em-rail__arrow:focus-visible{opacity:1;translate:0;outline:1px solid currentColor;outline-offset:2px}.em-rail__progress{position:relative;display:block;width:100%;max-width:min(25vw,180px);height:2px;margin-inline:auto;overflow:hidden;background:color-mix(in srgb,currentColor 20%,transparent)}.em-rail__progress:before{content:"";display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--em-rail-progress, 0));transform-origin:left center}@media screen and (max-width:699px){.em-rail__progress--desktop-only{display:none}}@media screen and (min-width:700px){.em-rail__progress--mobile-only{display:none}}.em-rec__layout{display:grid;grid-template-columns:minmax(0,1fr);row-gap:2rem}.em-rec__layout--described{row-gap:1rem}@media screen and (min-width:700px){.em-rec__layout:not(.em-rec__layout--described){row-gap:2.5rem}}.em-rec__header{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;align-items:center;gap:1.5rem 5rem}.em-rec__tabs{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--em-gutter));padding-inline:var(--em-gutter)}.em-rec__tabs::-webkit-scrollbar{display:none}.em-rec__tab{--em-tab-indent: 1em;flex-shrink:1;margin:0;padding:0;border:0;background:none;color:inherit;text-align:start;transition:margin-inline-start .15s ease-in-out,opacity .15s ease-in-out}button.em-rec__tab{cursor:pointer}.em-rec__tab>span{display:inline-block;transition:transform .15s ease-in-out}.em-rec__tab[aria-selected=false]{opacity:.3}.em-rec__tab:not(.em-rec__tab--icon-none)[aria-selected=false]{margin-inline-start:calc(-1 * var(--em-tab-indent))}.em-rec__tab--icon-arrow{display:flex;align-items:center;column-gap:calc(var(--em-tab-indent) - 1cap)}.em-rec__tab--icon-arrow .em-icon{--em-icon-size: 1cap;width:auto;height:1cap;flex-shrink:0;transition:opacity .15s ease-in-out}.em-rec__tab:is(.em-rec__tab--icon-circle,.em-rec__tab--icon-square,.em-rec__tab--icon-diamond):before{content:"";display:inline-block;flex-shrink:0;width:1cap;height:1cap;margin-inline-end:calc(var(--em-tab-indent) - 1cap);background:currentColor;transition:opacity .15s ease-in-out}.em-rec__tab--icon-circle:before{border-radius:50%}.em-rec__tab--icon-diamond:before{transform:rotate(45deg) scale(.75)}.em-rec__tab[aria-selected=false] .em-icon,.em-rec__tab[aria-selected=false]:before{opacity:0}@media screen and (max-width:699px){.em-rec__tab{max-width:16rem}}@media screen and (min-width:700px){.em-rec__tab{--em-tab-indent: 1.2em;font-size:var(--em-h3)}.em-rec__tab:not(.em-rec__tab--icon-none)[aria-selected=true]>span{transform:translate(calc(-1*min(.2em,var(--em-tab-indent))))}}.em-rec__panel{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.em-rec__panel--center{justify-items:center}.em-rec__panel[hidden]{display:none}@media screen and (min-width:700px){.em-rec__panel{gap:3rem}}.em-rec__intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.em-rec__intro--center{display:grid;justify-items:center;text-align:center}.em-rec__intro .em-rte{max-width:28rem}@media screen and (max-width:999px){.em-rec__header-button{display:none}}@media screen and (min-width:1000px){.em-rec__header{grid-auto-flow:column}.em-rec__intro-button--compact{display:none}.em-rec__layout{display:flex;flex-direction:row;align-items:center;gap:60px}.em-rec__layout>.em-rec__header{flex:0 1 auto}.em-rec__layout>.em-rec__panels{flex:1 1 0;min-width:0}}.em-related{display:block}.em-related__stack{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--em-stack-gap)}@media(prefers-reduced-motion:reduce){.em-rail__arrow,.em-rec__tab,.em-rec__tab>span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/em-product-rail.css.map */
