.c-variant-picker{--Primary-White: #FFF;--Primary-Black: #150F1D;--Secondary-Yellow-4: #FFEEB1;--Primary-Main-purple: #8637B2;--Secondary-Purple-2: #A863CE;--Secondary-Purple-4: #E9D8F2;--Greyness-5: #F3F3F4;--Greyness-10: #E8E7E8;--Greyness-20: #D0CFD2;--Greyness-40: #A19FA5;--Greyness-60: #736F78;--Greyness-80: #443F4B;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.c-variant-picker__cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;border:none;padding:0}@media(min-width:768px){.c-variant-picker__cell{gap:12px}}.c-variant-picker__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.c-variant-picker__title{color:var(--Primary-Black);font-size:14px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.24px;margin:0}.c-variant-picker__name{color:var(--Primary-Black, #150F1D);font-size:12px;font-style:normal;font-weight:500;line-height:135%}.c-variant-picker__guide{margin-left:auto;color:var(--Greyness-60, #736F78);font-size:12px;font-style:normal;font-weight:500;line-height:135%;text-decoration:underline}.c-variant-picker__guide:hover{text-decoration:none;color:var(--Greyness-60, #736F78)}.c-variant-picker__list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.c-variant-picker__item{color:var(--Greyness-80, #443F4B);font-size:14px!important;font-style:normal;font-weight:500!important;line-height:135%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;border-radius:22px;border:1px solid var(--Greyness-20, #D0CFD2);cursor:pointer;margin:0}.c-variant-picker__item:hover,.c-variant-picker__item:has(input:checked){border:1px solid var(--Secondary-Purple-2, #A863CE);background:var(--Secondary-Purple-4, #E9D8F2)}.c-variant-picker__item input{display:none;width:0;height:0;overflow:hidden;opacity:0}.c-variant-picker__form-qty-wrapper{padding:12px 24px;border-radius:28px;border:1px solid var(--Greyness-20, #D0CFD2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;max-width:140px}.c-variant-picker__form-qty-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-variant-picker__form-qty-button svg{width:20px;height:auto}.c-variant-picker__form-qty-button svg path{fill:var(--Primary-Black)}.c-variant-picker__form-qty-button--disabled{pointer-events:none}.c-variant-picker__form-qty-button--disabled svg path{fill:var(--Greyness-40)}.c-variant-picker__form-qty-input[type=number]{margin:0;padding:0;border:none;outline:none;text-align:center;color:var(--Primary-Black, #150F1D);font-size:14px;font-style:normal;font-weight:500;line-height:135%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:30%}.c-variant-picker__form-qty-input[type=number]::-webkit-inner-spin-button,.c-variant-picker__form-qty-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-variant-picker__form-submit{color:var(--Primary-White, #FFF);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:135%;padding:14.5px 20px;border-radius:24px;background:var(--Primary-Main-purple);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-variant-picker__form-submit svg{color:var(--Primary-White, #FFF)}.c-variant-picker__form-submit:hover{color:var(--Primary-Main-purple)}.c-variant-picker__form-submit:disabled{background:var(--Greyness-60);color:var(--Primary-Black);pointer-events:none}@media(min-width:768px){.c-variant-picker__form-submit{padding:17px 36px;font-size:16px;border-radius:28px}}.c-variant-picker__amazon-btn{grid-column:1/3;color:var(--Greyness-80, #443F4B);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:135%;padding:18px 20px;border-radius:28px;background:var(--Greyness-5)}.c-variant-picker__amazon-btn span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.c-variant-picker__amazon-btn span svg{height:20px;width:auto}.c-variant-picker__amazon-btn>svg{color:var(--Secondary-Yellow-4)}.c-variant-picker__amazon-btn:disabled{background:var(--Greyness-60);color:var(--Primary-Black);pointer-events:none}@media(min-width:768px){.c-variant-picker__amazon-btn{font-size:16px}}.c-variant-picker__bottom{display:grid;grid-template-columns:auto 1fr;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:8px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}@media(min-width:768px){.c-variant-picker__bottom{gap:12px}}.c-variant-picker__custom-name{order:0;padding:18px;border:1px solid rgba(168,99,206,.28);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(168,99,206,.12),transparent 34%),linear-gradient(180deg,#fff,#fbf8fd)}.c-variant-picker__custom-name-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.c-variant-picker__custom-name-kicker{color:var(--Primary-Main-purple);font-size:18px;font-weight:700;line-height:1.2}.c-variant-picker__custom-name-chip{padding:6px 10px;border-radius:999px;background:var(--Secondary-Purple-4);color:var(--Primary-Main-purple);font-size:12px;font-weight:700;line-height:1}.c-variant-picker__custom-name-label{display:block;margin-bottom:8px;color:var(--Primary-Black);font-size:14px;font-weight:700}.c-variant-picker__custom-name-wrap{position:relative}.c-variant-picker__custom-name-input{width:100%;padding:15px 48px 15px 18px;border:1px solid var(--Greyness-20);border-radius:18px;background:#fff;color:var(--Primary-Black);font-size:16px;font-weight:600}.c-variant-picker__custom-name-input:focus{outline:none;border-color:var(--Secondary-Purple-2);box-shadow:0 0 0 4px #a863ce29}.c-variant-picker__custom-name-check{position:absolute;right:16px;top:50%;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#34c759;color:#fff;font-size:14px;font-weight:800;opacity:0;transition:.2s ease}.c-variant-picker__custom-name.has-value .c-variant-picker__custom-name-check{opacity:1}.c-variant-picker__badge-preview{margin-top:12px;padding:12px;border-radius:18px;background:#150f1d;display:flex;align-items:center;justify-content:space-between;gap:14px}.c-variant-picker__badge-preview-label{color:#ffffffb8;font-size:12px;font-weight:700}.c-variant-picker__badge-preview-badge{min-width:130px;max-width:190px;padding:12px 18px;border-radius:12px;background:#050505;color:#d8d8d8;text-align:center;font-size:22px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -10px #ffffff14}.c-variant-picker__custom-name-note{margin:10px 0 0;color:var(--Greyness-60);font-size:13px;line-height:1.35}@media(max-width:767px){.c-variant-picker__custom-name{padding:14px;border-radius:20px}.c-variant-picker__badge-preview{flex-direction:column;align-items:stretch}.c-variant-picker__badge-preview-badge{width:100%;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-variant-picker.css.map */