swipeable-area{display:block;position:relative}swipeable-control{display:block}swipeable-area[options=d]{overflow-x:scroll;-ms-overflow-style:none}swipeable-area[options=d]::-webkit-scrollbar{display:none}swipeable-area[options=d] .column-item{flex-shrink:0}swipeable-area[options=d] .swipeable-slider,swipeable-area[options="m,t,d,g"] .swipeable-slider,swipeable-area[options="mm,t,gx"] .swipeable-slider,swipeable-area[options="mm,t,d"] .swipeable-slider{--column-gap: var(--spacing-3);--row-gap: var(--spacing-4);transition:transform .5s ease-out;flex-wrap:nowrap;align-items:stretch}swipeable-area[options=d] .swipeable-slider img{pointer-events:none}swipeable-area[options=d][swipping] .swipeable-slider{transition:none}[host-controls] swipeable-control{position:absolute;top:50%;right:var(--spacing-1);transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--transition-0)}[host-controls] swipeable-control[alternate]{left:var(--spacing-1)}@media (max-width: 979px){swipeable-area[options=d]{padding-bottom:var(--spacing-1);margin-bottom:calc(var(--spacing-1) * -1)}}@media (min-width: 1440px){.wide-content-right .clear-pw-right-tablet-down .control{left:calc(((var(--page-width) - (2 * var(--spacing-3)) + var(--column-gap)) / 3 * 2) - var(--column-gap));transform:translate(calc(-100% - var(--spacing-1)),-50%)}.wide-content-right .clear-pw-right-tablet-down.wide-content--only-item .control{left:calc(var(--page-width) - 40px - var(--spacing-1));transform:translate(-100%,-50%)}}@media (min-width: 980px){swipeable-area[options=d]{cursor:pointer}swipeable-area[options=d] swipeable-control{pointer-events:all}swipeable-area[state=start] .control,swipeable-area[state=end] .control-left{opacity:1}swipeable-area[state=start] .control-left,swipeable-area[state=end] .control{opacity:0;pointer-events:none}swipeable-area[state=running] .control,swipeable-area[state=running] .control-left{opacity:1}swipeable-area[options=d]{overflow:hidden;width:100%}}swipeable-thumbnail{display:block;cursor:pointer}swipeable-thumbnail.swipeable-item-active{border:1px solid var(--color-neutral-0);border-radius:var(--border-radius-0)}
/*# sourceMappingURL=/cdn/shop/t/59/assets/swipeable-area.css.map */