variant-selects .product-form__input.vk-step{min-width:0!important;max-width:100%;margin:0 0 1.6rem;padding:0;border:0}variant-selects .vk-step__legend.form__label{display:flex!important;align-items:center;gap:8px;margin:0 0 8px!important;padding:0;font-size:14px!important;line-height:1.3;letter-spacing:0!important;color:rgb(var(--color-foreground))!important;font-weight:400!important}variant-selects .vk-step__num{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(#1c1c1e,#1c1c1e);color:#fff;font-size:11px;font-weight:700}variant-selects .vk-step__name{font-weight:600}variant-selects .vk-step__value{color:rgba(var(--color-foreground),.7)}variant-selects .vk-step input[type=radio]+label:before{display:none!important}.product-form__input--key .key-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,64px));gap:6px}.product-form__input--key .key-types input[type=radio]+label{position:relative;display:block!important;margin:0!important;padding:0!important;aspect-ratio:1;overflow:hidden;border:1px solid #d1d1d6!important;border-radius:8px!important;background:#fff!important;color:#1c1c1e!important;letter-spacing:0;line-height:1;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}.product-form__input--key .key-type__img{display:block;width:100%;height:100%;object-fit:cover;background-color:#f5f5f7}.product-form__input--key .key-type__letter{position:absolute;left:3px;bottom:3px;min-width:18px;padding:2px 4px;border-radius:4px;background:linear-gradient(#ffffffeb,#ffffffeb);font-weight:700;font-size:12px;text-align:center}.product-form__input--key .key-types input[type=radio]:checked+label .key-type__letter{background:linear-gradient(#1c1c1e,#1c1c1e);color:#fff}.product-form__input--key .key-types input[type=radio]:checked+label:after{content:"";position:absolute;z-index:1;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(#1c1c1e,#1c1c1e)}variant-selects .product-form__input--key .key-types input[type=radio]:checked+label:before{content:""!important;display:block!important;position:absolute!important;z-index:2;top:6.5px!important;right:9.5px!important;left:auto!important;bottom:auto!important;width:4.5px!important;height:8.5px!important;margin:0!important;padding:0!important;border:0 solid #ffffff!important;border-right-width:2px!important;border-bottom-width:2px!important;border-radius:0 0 1px!important;background:none!important;box-shadow:none!important;transform:rotate(45deg);opacity:1!important}.product-form__input--key .key-type__note{display:none}.vk-key-help{margin-top:8px;font-size:13px}.vk-key-help summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:3px}.vk-key-help summary::-webkit-details-marker{display:none}.vk-key-help summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}.vk-key-help[open] summary:after{transform:rotate(-135deg) translateY(-1px)}.vk-key-help__img{display:block;width:100%;height:auto;margin-top:8px;border-radius:8px}.product-form__input--colour .colour-swatches{display:flex;flex-wrap:wrap;gap:8px}.product-form__input--colour .colour-swatches input[type=radio]+label{position:relative;display:block!important;width:40px!important;height:40px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden;background:#f5f5f7!important;box-shadow:0 0 0 1px #0000001f;transition:box-shadow .2s ease}.colour-swatch__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.6)}.product-form__input--colour .colour-swatches input[type=radio]+label:hover{box-shadow:0 0 0 1px #00000080}.product-form__input--colour .colour-swatches input[type=radio]:checked+label{box-shadow:0 0 0 2px #fff,0 0 0 4px #1c1c1e}.product-form__input--colour .colour-swatches input[type=radio].disabled+label{opacity:.45}.product-form__input--colour .colour-swatches input[type=radio].disabled+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#1c1c1e calc(50% - 1px),#1c1c1e calc(50% + 1px),transparent calc(50% + 1px))}.product-form__input--choice .choice-buttons{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px}.product-form__input--choice .choice-buttons input[type=radio]+label{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:6px 10px!important;border:1px solid #d1d1d6!important;border-radius:8px!important;background:#fff!important;color:#1c1c1e!important;font-size:14px!important;line-height:1.2;letter-spacing:0!important;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.product-form__input--choice .choice-buttons input[type=radio].disabled+label{opacity:.5;text-decoration:line-through}.product-form__input--key .key-types input[type=radio]+label:hover,.product-form__input--choice .choice-buttons input[type=radio]+label:hover{border-color:#1c1c1e!important}.product-form__input--key .key-types input[type=radio]:checked+label,.product-form__input--choice .choice-buttons input[type=radio]:checked+label{border-color:#1c1c1e!important;box-shadow:0 0 0 1px #1c1c1e;background:#fff!important;color:#1c1c1e!important}.product-form__input--key .key-types input[type=radio].disabled+label{opacity:.5}variant-selects .vk-step input[type=radio]:focus-visible+label,variant-selects .vk-step input[type=radio].focused+label{outline:2px solid rgba(0,0,0,.55);outline-offset:3px}variant-selects .product-form__input--dropdown.vk-step .vietiki-custom-dropdown{margin-top:0}.product__info-container:has(.product-form__input--key .vk-key-help) .key-guide-accordion{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-key-type.css.map */