:root{--yoclay-blue: #246cd9;--yoclay-ink: #2d2f2e;--yoclay-muted: #5a5c5b;--yoclay-soft-blue: #ebf5fa;--yoclay-blush: #ffefec}.yoclay-pocket-kit{margin:0 0 24px;padding:20px;border:1px solid rgba(36,108,217,.12);border-radius:16px;background:#fff}.yoclay-pocket-kit__header{margin-bottom:16px}.yoclay-pocket-kit__title{margin:0 0 6px;color:var(--yoclay-ink);font-size:18px;font-weight:700;line-height:24px}.yoclay-pocket-kit__hint{margin:0;color:var(--yoclay-muted);font-size:14px;line-height:20px}.yoclay-pocket-kit__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yoclay-pocket-kit__option{margin:0;cursor:pointer}.yoclay-pocket-kit__option--disabled{cursor:not-allowed;opacity:.45}.yoclay-pocket-kit__card{display:flex;flex-direction:column;overflow:hidden;border:3px solid transparent;border-radius:14px;background:var(--yoclay-soft-blue);box-shadow:0 0 0 0 transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.yoclay-pocket-kit__card-media{position:relative;aspect-ratio:24 / 25;overflow:hidden}.yoclay-pocket-kit__img{display:block;width:100%;height:100%;object-fit:cover}.yoclay-pocket-kit__check{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--yoclay-blue);color:var(--yoclay-blush);opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s ease}.yoclay-pocket-kit__name{display:block;padding:8px 6px 10px;color:var(--yoclay-blue);font-size:14px;font-weight:700;line-height:18px;text-align:center}.yoclay-pocket-kit__input:focus-visible+.yoclay-pocket-kit__card{outline:2px solid var(--yoclay-blue);outline-offset:2px}.yoclay-pocket-kit__input:checked+.yoclay-pocket-kit__card{border-color:var(--yoclay-blue);box-shadow:0 0 0 2px #246cd940}.yoclay-pocket-kit__input:checked+.yoclay-pocket-kit__card .yoclay-pocket-kit__check{opacity:1;transform:scale(1)}.yoclay-pocket-kit__input:checked+.yoclay-pocket-kit__card .yoclay-pocket-kit__name{color:var(--yoclay-blue)}.yoclay-pocket-kit__option:not(.yoclay-pocket-kit__option--disabled):hover .yoclay-pocket-kit__card{transform:translateY(-2px)}.yoclay-pocket-kit__counter{margin:14px 0 0;color:var(--yoclay-muted);font-size:13px;font-weight:600;line-height:18px}.yoclay-pocket-kit--complete .yoclay-pocket-kit__counter{color:var(--yoclay-blue)}.yoclay-pocket-kit__error{margin:10px 0 0;color:#b42318;font-size:14px;font-weight:600;line-height:20px}.yoclay-pocket-kit--error{border-color:#b4231859}@media(max-width:989px){.yoclay-pocket-kit__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media(max-width:749px){.yoclay-pocket-kit{padding:16px}.yoclay-pocket-kit__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yoclay-pocket-kit__name{font-size:13px;padding:6px 4px 8px}.yoclay-pocket-kit__check{width:24px;height:24px;top:6px;right:6px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/yoclay-pocket-kit.css.map */