.subcollection-list{overflow:hidden}subcollection-filter{display:block}.subcollection-list__heading{margin:0 0 16px;text-transform:uppercase;letter-spacing:var(--ls-negative--1);line-height:var(--lh-120)}.subcollection-list__heading--custom{font-size:var(--scl-heading-size-mobile)}.subcollection-list__card,.subcollection-list__slide{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:rgb(var(--color-foreground))}.subcollection-list__image-wrap{position:relative;width:100%;height:71px;border-radius:var(--border-4);overflow:hidden}.subcollection-list__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;border-radius:var(--border-4)}.subcollection-list__image-wrap--current{border:3px solid var(--color-orange);padding:1px;background-color:var(--color-white)}.subcollection-list__image-wrap--current:after{top:1px;right:1px;bottom:1px;left:1px;border-radius:var(--border-2)}.subcollection-list__image-wrap--current .subcollection-list__image,.subcollection-list__image-wrap--current .responsive-image-placeholder svg{border-radius:var(--border-2)}.subcollection-list__card[data-current=true]:before,.subcollection-list__slide[data-current=true]:before{content:"";position:absolute;z-index:1;top:0;left:0;width:16px;height:16px;border-right:1px solid var(--color-white);border-bottom:1px solid var(--color-white);border-radius:var(--border-4) 0 var(--border-5) 0;background-color:var(--color-orange);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23FDFDFC'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%205%205%209l4%204'/%3E%3Cpath%20d='M5%209h8a5%205%200%200%201%200%2010H5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px bottom 2px;background-size:11px 11px}.subcollection-list__card[data-no-deselect=true]:before,.subcollection-list__slide[data-no-deselect=true]:before{content:none}.subcollection-list__image-wrap picture,.subcollection-list__image-wrap .responsive-image-placeholder{display:block;width:100%;height:100%}.subcollection-list__image{width:100%;height:100%;object-fit:cover;display:block}.subcollection-list__image-wrap .responsive-image-placeholder svg{width:100%;height:100%;object-fit:cover}.subcollection-list__name{font-size:var(--text-13-size);font-weight:var(--weight-medium);line-height:var(--lh-150);text-align:center;margin:0}.subcollection-list__grid{display:grid;grid-template-columns:repeat(var(--scl-grid-cols-mobile, 3),minmax(0,1fr));gap:10px;align-items:start}.subcollection-list__slider{display:flex;gap:10px;align-items:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.subcollection-list__slider::-webkit-scrollbar{display:none}.subcollection-list__slide{flex:0 0 calc((100% - (var(--scl-spv-mobile, 3) - 1) * 10px) / var(--scl-spv-mobile, 3));scroll-snap-align:start;max-width:150px}.subcollection-list--slider .subcollection-list__slider{margin-inline:calc(-1 * var(--page-padding));padding-inline:var(--page-padding);scroll-padding-inline:var(--page-padding)}.subcollection-list__scrollbar{position:relative;height:3px;background:var(--color-gray-300);margin-top:1rem;width:100%}.subcollection-list__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;background:rgb(var(--color-foreground));transition:left .1s ease,width .1s ease}.subcollection-list__slider-wrap [data-slider-scrollbar]{margin-left:0;margin-right:0;background-color:var(--color-gray-300);border-radius:0;overflow:visible}.subcollection-list__slider-wrap [data-slider-scrollbar-thumb]{border-radius:0}.subcollection-list__slider-wrap [data-slider-scrollbar]:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}@media screen and (max-width:989px){.subcollection-list__heading{margin-bottom:12px}.subcollection-list--slider .subcollection-list__slide .subcollection-list__name{width:100%;text-align:left;letter-spacing:var(--ls--2)}.subcollection-list--slider .subcollection-list__slider{padding-bottom:12px}.subcollection-list__scrollbar{margin-top:12px}}@media screen and (min-width:750px){.subcollection-list__slide{max-width:106px}}@media screen and (min-width:990px){.subcollection-list__card,.subcollection-list__slide{gap:8px}.subcollection-list__image-wrap{height:106px;border-radius:var(--border-8)}.subcollection-list__image-wrap:after{border-radius:var(--border-8)}.subcollection-list__name{font-size:var(--text-14-size)}.subcollection-list__grid{grid-template-columns:repeat(var(--scl-grid-cols, 6),minmax(0,1fr));gap:20px}.subcollection-list__slider{gap:20px}.subcollection-list__slide{flex:0 0 calc((100% - (var(--scl-spv, 6) - 1) * 20px) / var(--scl-spv, 6));max-width:222px}.subcollection-list__image-wrap--current{border-width:4px;padding:2px}.subcollection-list__image-wrap--current:after{top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--border-4)}.subcollection-list__image-wrap--current .subcollection-list__image,.subcollection-list__image-wrap--current .responsive-image-placeholder svg{border-radius:var(--border-4)}.subcollection-list__card[data-current=true]:before,.subcollection-list__slide[data-current=true]:before{width:22px;height:22px;border-right-width:2px;border-bottom-width:2px;border-radius:var(--border-8) 0 var(--border-8) 0;background-size:15px 15px}}.subcollection-list__arrows{display:none}@media screen and (min-width:990px){.subcollection-list__slider-wrap{position:relative}.subcollection-list .subcollection-list__arrows{display:flex;top:53px;padding-inline:0}.subcollection-list .subcollection-list__arrows .subcollection-list__arrow{width:30px;height:30px;border-radius:var(--border-5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-default)}.subcollection-list .subcollection-list__arrow--prev{margin-left:-15px}.subcollection-list .subcollection-list__arrow--next{margin-right:-15px}.subcollection-list .subcollection-list__arrow:not([disabled]):hover{filter:brightness(.92)}.subcollection-list__arrow .svg-wrapper{display:flex;align-items:center;justify-content:center}.subcollection-list__arrow svg{width:16px;height:16px;color:currentColor}.subcollection-list__arrow--prev svg{transform:rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-subcollection-list.css.map */