@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";variant-selects{display:block}.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch,.product--no-media .product-form__input--dropdown{display:flex;align-items:center;justify-content:center;text-align:center}.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch{flex-wrap:wrap;margin:0 auto 1.2rem}.product--no-media .product-form__input--dropdown{flex-direction:column;max-width:100%}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px 20px;margin:-15px -15px 15px;font-weight:700;color:#495057!important;border-bottom:2px solid #dee2e6;font-size:16px;text-transform:uppercase;letter-spacing:.8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.product-form__input:hover :is(.product-form__input--pill,.product-form__input--swatch) .form__label{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px)}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:20px;border:2px solid #e9ecef;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.product-form__input--dropdown:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.product-form__input--dropdown select{width:100%;padding:14px 18px;border:none;background:#fff;color:#333;font-size:16px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;cursor:pointer;transition:all .3s ease}.product-form__input--dropdown select:hover{background:#f8f9fa}.product-form__input--dropdown select:focus{outline:none;background:#f8f9fa;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;left:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input--pill input[type=radio]+label{display:flex;align-items:center;padding:10px 20px;margin:0 0 8px;background:#fff;border:none;border-left:3px solid transparent;border-radius:0;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;width:100%}.product-form__input--pill input[type=radio]+label:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left-color:#007bff;transform:translate(3px)}.product-form__input--pill input[type=radio]:checked+label{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left-color:#007bff;color:#007bff;font-weight:600}.product-form__input--pill input[type=radio]:checked+label:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb,#f3e5f5)}@media screen and (forced-colors:active){.product-form__input--pill input[type=radio]:checked+label{text-decoration:underline}.product-form__input--pill input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product-form__input--pill input[type=radio]:checked+label::selection{background-color:#007bff4d}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{background:#f8f9fa;color:#6c757d;text-decoration:line-through;cursor:not-allowed;opacity:.7;border-left-color:transparent}.product-form__input--pill input[type=radio]:disabled+label:hover,.product-form__input--pill input[type=radio].disabled+label:hover{transform:none;background:#f8f9fa;border-left-color:transparent}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{background:#6c757d;color:#fffc;border-left-color:#6c757d;text-decoration:line-through}.product-form__input--pill input[type=radio]:focus-visible+label{box-shadow:0 0 0 3px #007bff40}.product-form__input--pill input[type=radio].focused+label{box-shadow:0 0 0 3px #007bff40}.product-form__input--swatch{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:0;position:relative;cursor:pointer;transition:all .3s ease;border:2px solid #e0e0e0;border-radius:50%;overflow:hidden}.product-form__input--swatch .swatch-input__input+.swatch-input__label:hover{transform:scale(1.1);border-color:#007bff;box-shadow:0 4px 12px #0000001a}.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label{border-color:#007bff;border-width:3px;transform:scale(1.05);box-shadow:0 0 0 3px #007bff40}@media screen and (min-width:750px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3rem}}.product-form__input{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;overflow:hidden}.product-form__input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s ease}.product-form__input:hover:before{left:100%}.product-form__input:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px);border-color:#007bff}@media(max-width:768px){.product-form__input{padding:12px;margin-bottom:15px}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{padding:12px 15px;margin:-12px -12px 12px;font-size:14px}.product-form__input--pill input[type=radio]+label{padding:8px 15px;font-size:13px}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.5rem}.product-form__input--dropdown select{padding:12px 15px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-variant-picker.css.map */