.custom-variants{margin:1.5rem 0}.custom-variants__title{font-size:.875rem;font-weight:500;margin-bottom:.75rem;color:inherit}.custom-variants__slider-container{position:relative;display:flex;align-items:center;gap:8px}.custom-variants__arrow{flex-shrink:0;width:40px;height:40px;border:none;background:transparent;color:#5f052a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease;padding:0;z-index:2}.custom-variants__arrow:hover{transform:scale(1.1)}.custom-variants__arrow:focus{outline:2px solid #5F052A;outline-offset:2px}.custom-variants__arrow:focus:not(:focus-visible){outline:none}.custom-variants__arrow svg{width:28px;height:28px}.custom-variants__slider{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#5F052A #e0e0e0}.custom-variants__slider::-webkit-scrollbar{height:6px}.custom-variants__slider::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}.custom-variants__slider::-webkit-scrollbar-thumb{background:#5f052a;border-radius:3px}.custom-variants__slider::-webkit-scrollbar-thumb:hover{background:#7a0936}.custom-variants__grid{display:flex;gap:16px;padding:4px 4px 12px;width:max-content}.custom-variants__item{display:block;width:150px;flex-shrink:0;text-decoration:none;color:inherit;transition:transform .2s ease;position:relative;border-radius:6px;overflow:hidden;background-color:#f5f5f5}.custom-variants__item:hover{transform:translateY(-2px)}.custom-variants__image-wrapper{width:150px;height:188px;overflow:hidden;background-color:#f5f5f5}.custom-variants__image{width:100%;height:100%;object-fit:cover;display:block}.custom-variants__image--placeholder{display:flex;align-items:center;justify-content:center;height:100%}.custom-variants__image--placeholder .placeholder-svg{width:60%;height:60%;fill:#ccc}.custom-variants__name-wrapper{height:38px;display:flex;align-items:center;justify-content:center;background-color:#ffffffb3;transition:background-color .2s ease}.custom-variants__name{font-size:14px;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px;color:#5f052a;opacity:.5;transition:opacity .2s ease}.custom-variants__item--selected{box-shadow:0 0 0 3px #5f052a}.custom-variants__item--selected .custom-variants__name-wrapper{background-color:#fff}.custom-variants__item--selected .custom-variants__name{color:#5f052a;opacity:1;font-weight:600}.custom-variants__item:not(.custom-variants__item--selected):hover .custom-variants__name-wrapper{background-color:#fffffff2}.custom-variants__item:not(.custom-variants__item--selected):hover .custom-variants__name{opacity:.8}.custom-variants__item:focus{outline:none}.custom-variants__item:focus-visible{box-shadow:0 0 0 3px #5f052a}@media screen and (max-width: 749px){.custom-variants__slider-container{gap:4px}.custom-variants__arrow{width:32px;height:32px}.custom-variants__arrow svg{width:20px;height:20px}.custom-variants__grid{gap:12px;padding:4px 4px 10px}.custom-variants__item{width:120px}.custom-variants__image-wrapper{width:120px;height:150px}.custom-variants__name{font-size:12px}.custom-variants__name-wrapper{height:32px}.custom-variants__slider::-webkit-scrollbar{height:4px}}@media screen and (max-width: 480px){.custom-variants__arrow{width:28px;height:28px}.custom-variants__arrow svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-custom-variants.css.map */