:root{--colour-trigger-text: #000000;--colour-trigger-bg: #ffffff;--colour-trigger-border: #e0e0e0;--colour-modal-bg: #f5f5f0;--colour-modal-text: #000000;--colour-select-btn-bg: #b8a88a;--colour-select-btn-text: #ffffff;--colour-arrow-bg: #ffffff;--colour-arrow-color: #000000;--colour-dot: #cccccc;--colour-dot-active: #6a6a6a}.colour-selector-wrapper .colour-selector-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:var(--colour-trigger-bg);border:1px solid var(--colour-trigger-border);cursor:pointer;font-family:inherit;transition:all .2s ease;margin-top:20px;border-radius:6px}.colour-selector-wrapper .colour-selector-trigger:hover{border-color:#999}.colour-selector-wrapper .colour-selector-trigger__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.colour-selector-wrapper .colour-selector-trigger__icon img,.colour-selector-wrapper .colour-selector-trigger__icon svg{width:20px;height:20px}.colour-selector-wrapper .colour-selector-trigger__text{font-size:14px;font-weight:500;color:var(--colour-trigger-text);text-transform:none}.colour-selector-wrapper .colour-selector-trigger__count{font-size:13px;color:#888;margin-left:auto}.colour-selector-wrapper .colour-selector-trigger__arrow{width:12px;height:8px;color:var(--colour-trigger-text);transition:transform .2s ease}.colour-selector-wrapper .colour-selector-trigger[aria-expanded=true] .colour-selector-trigger__arrow{transform:rotate(180deg)}.colour-selector-wrapper .colour-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.colour-selector-wrapper .colour-modal-overlay.is-open{opacity:1;visibility:visible}.colour-selector-wrapper .colour-modal{position:relative;width:100%;max-width:1100px;max-height:90vh;background:var(--colour-modal-bg);display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.colour-selector-wrapper .colour-modal-overlay.is-open .colour-modal{transform:scale(1)}.colour-selector-wrapper .colour-modal__header{display:flex;align-items:center;justify-content:center;padding:16px 20px;position:relative;background:#fff}.colour-selector-wrapper .colour-modal__counter{font-size:14px;color:var(--colour-modal-text);font-weight:400}.colour-selector-wrapper .colour-modal__close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:var(--colour-modal-text);transition:opacity .2s ease}.colour-selector-wrapper .colour-modal__close:hover{opacity:.7}.colour-selector-wrapper .colour-carousel-wrapper{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;padding:0}.colour-selector-wrapper .colour-carousel{width:100%;height:100%;overflow:hidden;cursor:grab}.colour-selector-wrapper .colour-carousel__track{display:flex;align-items:center;justify-content:center;height:100%;position:relative;min-height:550px}.colour-selector-wrapper .colour-carousel__slide{position:absolute;width:42%;max-width:340px;opacity:0;transform:translate(0) scale(.7);transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}.colour-selector-wrapper .colour-carousel__slide.is-prev{opacity:1;transform:translate(-85%) scale(.85);z-index:2;pointer-events:auto}.colour-selector-wrapper .colour-carousel__slide.is-active{opacity:1;transform:translate(0) scale(1);z-index:3;pointer-events:auto}.colour-selector-wrapper .colour-carousel__slide.is-next{opacity:1;transform:translate(85%) scale(.85);z-index:2;pointer-events:auto}.colour-selector-wrapper .colour-carousel__image-link{display:block;text-decoration:none}.colour-selector-wrapper .colour-carousel__image-wrapper{position:relative;width:100%;padding-bottom:133.4%;background:var(--colour-modal-bg);overflow:hidden}.colour-selector-wrapper .colour-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.colour-selector-wrapper .colour-carousel__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.colour-selector-wrapper .colour-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--colour-arrow-bg);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.colour-selector-wrapper .colour-carousel__arrow:hover{box-shadow:0 4px 12px #00000026}.colour-selector-wrapper .colour-carousel__arrow svg{width:24px;height:24px;color:var(--colour-arrow-color)}.colour-selector-wrapper .colour-carousel__arrow--prev{left:20px}.colour-selector-wrapper .colour-carousel__arrow--next{right:20px}.colour-selector-wrapper .colour-carousel__dots{display:flex;justify-content:center;gap:10px;padding:20px 0;background:var(--colour-modal-bg)}.colour-selector-wrapper .colour-carousel__dot{width:10px;height:10px;border-radius:50%;background:var(--colour-dot);border:none;cursor:pointer;padding:0;transition:all .2s ease}.colour-selector-wrapper .colour-carousel__dot.is-active{background:var(--colour-dot-active)}.colour-selector-wrapper .colour-carousel__dot:hover{background:var(--colour-dot-active);opacity:.7}.colour-selector-wrapper .colour-modal__footer{padding:20px 30px 30px;background:var(--colour-modal-bg)}.colour-selector-wrapper .colour-modal__product-info{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.colour-selector-wrapper .colour-modal__product-title{font-size:13px;font-weight:600;color:var(--colour-modal-text);text-transform:uppercase;letter-spacing:.5px;margin:0;text-align:center;max-width:200px}.colour-selector-wrapper .colour-modal__divider{width:1px;height:30px;background:#ccc}.colour-selector-wrapper .colour-modal__product-price{font-size:15px;color:var(--colour-modal-text);font-weight:400}.colour-selector-wrapper .colour-modal__select-btn{display:block;width:100%;max-width:340px;margin:0 auto;padding:16px 30px;background:var(--colour-select-btn-bg);color:var(--colour-select-btn-text);border:none;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.colour-selector-wrapper .colour-modal__select-btn:hover{opacity:.9}@media screen and (max-width:768px){.colour-selector-wrapper .colour-modal{max-width:100%;max-height:100vh;height:100%}.colour-selector-wrapper .colour-carousel__track{min-height:320px}.colour-selector-wrapper .colour-carousel__slide{width:55%;max-width:250px}.colour-selector-wrapper .colour-carousel__slide.is-prev{transform:translate(-70%) scale(.75)}.colour-selector-wrapper .colour-carousel__slide.is-next{transform:translate(70%) scale(.75)}.colour-selector-wrapper .colour-carousel__arrow{width:44px;height:44px}.colour-selector-wrapper .colour-carousel__arrow--prev{left:10px}.colour-selector-wrapper .colour-carousel__arrow--next{right:10px}.colour-selector-wrapper .colour-carousel__arrow svg{width:20px;height:20px}.colour-selector-wrapper .colour-modal__product-info{flex-direction:row;gap:15px}.colour-selector-wrapper .colour-modal__product-title{font-size:12px;max-width:150px}.colour-selector-wrapper .colour-modal__product-price{font-size:14px}.colour-selector-wrapper .colour-modal__select-btn{padding:14px 24px;font-size:12px}}@media screen and (max-width:480px){.colour-selector-wrapper .colour-carousel__slide{width:65%;max-width:220px}.colour-selector-wrapper .colour-carousel__slide.is-prev{transform:translate(-60%) scale(.7)}.colour-selector-wrapper .colour-carousel__slide.is-next{transform:translate(60%) scale(.7)}.colour-selector-wrapper .colour-carousel__arrow{width:40px;height:40px}.colour-selector-wrapper .colour-modal__footer{padding:15px 20px 25px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/colour-product-selector.css.map */