#root #main-product.ts-product-layout taffstyle-color-select{display:block;position:relative;width:100%;min-width:0}#root #main-product.ts-product-layout taffstyle-color-select[data-ready] select,#root #main-product.ts-product-layout taffstyle-color-select[data-ready]>.select-wrapper{display:none!important}#root #main-product.ts-product-layout taffstyle-color-select button{float:none;box-sizing:border-box;width:100%;min-width:0;margin:0;border:0;box-shadow:none;transform:none;text-transform:none;letter-spacing:normal;font-family:inherit;font-size:16px;font-weight:400;line-height:22px;text-align:left;cursor:pointer}#root #main-product.ts-product-layout taffstyle-color-select button:before,#root #main-product.ts-product-layout taffstyle-color-select button:after{display:none}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-trigger{display:flex;align-items:center;gap:10px;min-height:46px;padding:11px 13px;border:1px solid #dacde2;border-radius:7px;background:#fff;color:#17211e}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-trigger[aria-expanded=true]{border-color:#b995ca}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-selected{display:flex;align-items:center;gap:9px;min-width:0;flex:1}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-name{min-width:0;white-space:normal;overflow-wrap:anywhere}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-dot{display:block;box-sizing:border-box;width:21px;height:21px;flex:0 0 21px;border:1px solid #00000026;border-radius:50%;background-size:cover!important;background-position:center!important}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-dot[hidden]{display:none}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-chevron{width:8px;height:8px;flex:0 0 8px;margin:0 3px 4px 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#5a0d75;transform:rotate(45deg)}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-trigger[aria-expanded=true] .ts-color-chevron{transform:rotate(225deg);margin-bottom:0}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-menu{display:block;position:absolute;top:100%;left:0;right:0;z-index:2;box-sizing:border-box;margin-top:6px;padding:4px;border:1px solid #ded6e3;border-radius:10px;background:#fff;box-shadow:0 6px 24px #39234822;max-height:min(294px,40vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;color-scheme:light}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-menu[hidden]{display:none}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 11px;border:1px solid #e6d8ed;border-radius:6px;background:#fff;color:#17211e}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice+.ts-color-choice{margin-top:3px}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice:hover{background:#f7f3f8}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice[aria-pressed=true]{border-color:#b995ca;background:#fff;color:#5a0d75}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-check{visibility:hidden;margin-left:auto;flex:0 0 15px}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice[aria-pressed=true] .ts-color-check{visibility:visible}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-unavailable .ts-color-name{text-decoration:line-through;opacity:.65}#root #main-product.ts-product-layout taffstyle-color-select button:focus-visible{outline:2px solid #5a0d75;outline-offset:2px}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-choice:focus-visible{outline-offset:-2px}#root #main-product.ts-product-layout taffstyle-color-select button:disabled{opacity:.55;cursor:default}#root #main-product.ts-product-layout taffstyle-color-select .ts-color-dot.ts-color-dot-variant{background-size:contain!important;background-repeat:no-repeat;background-color:#fff}#root #main-product.ts-product-layout .ts-product-options>p:has(taffstyle-color-select[data-open]){position:relative;z-index:100!important}#root #main-product.ts-product-layout taffstyle-color-select[data-open]{z-index:6}
/*# sourceMappingURL=/cdn/shop/t/36/assets/taffstyle-color-select.css.map */
