kit-charm-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;display:block}kit-charm-drawer.is-open{pointer-events:auto}.kit-charm-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .25s ease}kit-charm-drawer.is-open .kit-charm-drawer__overlay{opacity:1}.kit-charm-drawer__panel{position:absolute;top:50%;left:50%;width:min(440px,calc(100% - 2rem));max-height:calc(100vh - 2rem);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000040;transform:translate(-50%,-48%) scale(.97);opacity:0;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .2s ease;display:flex;flex-direction:column;overflow:hidden}kit-charm-drawer.is-open .kit-charm-drawer__panel{transform:translate(-50%,-50%) scale(1);opacity:1}.kit-charm-drawer__close{position:absolute;top:.8rem;right:.8rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;color:#0009;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding:0}.kit-charm-drawer__close:hover{background:#0000000f;color:#000000d9}.kit-charm-drawer__content{overflow-y:auto;padding:2.4rem 1.6rem 1.6rem}.kit-charm-popup__head{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.kit-charm-popup__thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0000000a}.kit-charm-popup__thumb img{width:100%;height:100%;object-fit:cover;display:block}.kit-charm-popup__head-info{flex:1;min-width:0}.kit-charm-popup__title{font-size:1.6rem;margin:0 0 .2rem;line-height:1.25}.kit-charm-popup__hint{font-size:1.2rem;color:#0000008c;margin:0}.kit-charm-popup__variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;margin-bottom:1.6rem}.kit-charm-popup__variant{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem;border:2px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s ease;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}.kit-charm-popup__variant:hover:not(.is-disabled){border-color:#bd686980}.kit-charm-popup__variant.is-selected{border-color:#bd6869}.kit-charm-popup__variant img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.kit-charm-popup__variant-label{font-size:1.2rem;line-height:1.3;color:#000000d9}.kit-charm-popup__variant.is-selected .kit-charm-popup__variant-label{color:#bd6869;font-weight:600}.kit-charm-popup__variant.is-disabled{opacity:.45;cursor:not-allowed}.kit-charm-popup__variant-soldout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:.2rem .6rem;border-radius:4px;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.kit-charm-popup__confirm{width:100%;padding:1.1rem 1.6rem;background-color:#bd6869;color:#fff;border:none;border-radius:8px;cursor:pointer;font:inherit;transition:background-color .2s ease,opacity .2s ease}.kit-charm-popup__confirm:hover:not(:disabled){background-color:#a85a5b}.kit-charm-popup__confirm:disabled{opacity:.45;cursor:not-allowed}@media screen and (max-width:749px){.kit-charm-drawer__panel{width:calc(100% - 1.6rem);max-height:calc(100vh - 2rem)}.kit-charm-popup__variants{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kit-charm-drawer.css.map */