.tkk{--k-ink:#1d1d1f;--k-sub:#6e6e73;--k-line:#e3e3e6;--k-fill:#f5f5f7;--k-green:#0f7a4a;--k-green-bg:#e9f6ef;display:block;margin:6px 0 0;color:var(--k-ink);font-family:var(--font-body-family);-webkit-font-smoothing:antialiased}.tkk *{box-sizing:border-box}.tkk [hidden]{display:none!important}.tkk button{font-family:inherit;-webkit-tap-highlight-color:transparent}.tkk-opts{display:flex;flex-direction:column;gap:12px;margin:0 0 14px}.tkk-opt{position:relative;display:flex;flex-direction:column;width:100%;padding:14px 16px;border:0;border-radius:16px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 0 0 1.5px var(--k-line);transition:box-shadow .2s ease,background .2s ease}button.tkk-opt{flex-direction:row;align-items:center;gap:12px}.tkk-opt.is-on{box-shadow:0 0 0 2px var(--k-ink)}.tkk-opt--duo.is-on{box-shadow:0 0 0 2px var(--k-green);cursor:default}.tkk-row{display:flex;align-items:center;gap:12px;width:100%}.tkk-rd{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #c7c7cc;transition:border .18s ease}.tkk-opt.is-on .tkk-rd{border:7px solid var(--k-ink)}.tkk-opt--duo.is-on .tkk-rd{border-color:var(--k-green)}.tkk-ot{flex:1;min-width:0;line-height:1.3}.tkk-ot b{display:block;font-size:16px;font-weight:700;color:var(--k-ink)}.tkk-ot span{display:block;font-size:13px;color:var(--k-sub);margin-top:2px}.tkk-opt--duo.is-on .tkk-ot span{color:var(--k-green);font-weight:600}.tkk-op{flex:none;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}.tkk-op b{display:block;font-size:17px;font-weight:700}.tkk-op s{display:block;font-size:12.5px;color:#a1a1a6}.tkk-badge{position:absolute;top:-10px;right:14px;padding:4px 10px;border-radius:999px;background:var(--k-green);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;white-space:nowrap}.tkk-ex{width:100%;margin-top:14px;padding-top:14px;border-top:1px solid #eef0ee;animation:tkk-in .25s ease both}@keyframes tkk-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tkk-l{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--k-sub);letter-spacing:.01em}.tkk-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;margin:0 0 14px;border-radius:10px;background:var(--k-fill)}.tkk-seg button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--k-sub);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.tkk-seg button.is-on{background:#fff;color:var(--k-ink);box-shadow:0 1px 3px #00000024}.tkk-codes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.tkk-code{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 0 7px;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--k-line);cursor:pointer;min-width:0;overflow:hidden;transition:box-shadow .15s,transform .1s}.tkk-ci{display:block;width:100%;aspect-ratio:1/1;background:#fff;overflow:hidden;margin:0 0 6px}.tkk-ci img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:opacity .2s}.tkk-code b{font-family:var(--font-heading-family);font-size:13px;font-weight:800;letter-spacing:.05em;line-height:1.1;color:var(--k-ink);max-width:100%;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tkk-code b.tkk-code__nm{font-size:11px;letter-spacing:0;font-weight:700}.tkk-code small{font-size:9.5px;color:var(--k-sub);line-height:1.2;max-width:100%;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tkk-code:active{transform:scale(.96)}.tkk-code.is-on{box-shadow:0 0 0 2px var(--k-ink)}.tkk-codes.is-nudge{animation:tkk-nudge .45s cubic-bezier(.36,.07,.19,.97) both}.tkk-colors{margin:0 0 14px}.tkk-dots{display:flex;gap:10px}.tkk-dot{width:26px;height:26px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #00000026;transition:transform .12s}.tkk-dot.is-on{box-shadow:inset 0 0 0 1px #00000026,0 0 0 2px #fff,0 0 0 4px var(--k-ink)}.tkk-dot:active{transform:scale(.92)}.tkk-sizes{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:10px;background:var(--k-fill)}.tkk-sizes button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--k-ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.tkk-sizes button.is-on{background:var(--k-ink);color:#fff}.tkk-sizes button[disabled]{color:#c7c7cc;text-decoration:line-through;cursor:default}.tkk-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 20px;border:0;border-radius:14px;background:var(--k-ink);color:#fff;font:600 16px/1 var(--font-body-family);cursor:pointer;transition:background .25s ease,transform .1s,opacity .2s}.tkk-add:active{transform:scale(.985)}.tkk-add.is-duo{background:var(--k-green)}.tkk-add.is-idle{background:var(--k-fill);color:var(--k-sub)}.tkk-add.is-busy{opacity:.85;pointer-events:none}.tkk-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:tkk-spin .7s linear infinite}@keyframes tkk-spin{to{transform:rotate(360deg)}}@keyframes tkk-nudge{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.tkk-note{margin:10px 0 0;text-align:center;font-size:13px;color:var(--k-sub)}@media(prefers-reduced-motion:reduce){.tkk *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/tk-pack.css.map */