.tame-ing{--ing-ink: var(--charcoal, #404042);--b: clamp(40px, 13.5cqmin, 72px);--fs: clamp(13px, 3.1cqmin, 16px);--gap: max(7px, 1.6cqmin);--top: 11cqh;--bot: 15cqh;--cy: calc(50cqh + (var(--top) - var(--bot)) / 2);--ph: min(55cqh, calc(var(--pmax, 40cqw) / var(--ar, .5)));--pw: calc(var(--ph) * var(--ar, .5));--hi: calc(var(--b) + .7cqmin + 2.44 * var(--fs));--dy0: calc(var(--cy) - var(--ph) * (.5 - var(--yt, .3)) - var(--top) - var(--b) / 2);--dy1: calc(100cqh - var(--bot) - var(--hi) + var(--b) / 2 - var(--cy) - var(--ph) * .2);position:relative;box-sizing:border-box;width:100%;aspect-ratio:1;overflow:hidden;container-type:size;isolation:isolate;border-radius:var(--r-card, 22px);background:var(--cream, #FFF9EC);color:var(--ing-ink);font-family:var(--font-b, "Poppins", system-ui, sans-serif);-webkit-font-smoothing:antialiased}.tame-ing:before{content:"";position:absolute;z-index:-1;left:50%;top:var(--cy);width:64cqmin;height:64cqmin;transform:translate(-50%,-50%);border-radius:50%;background:var(--ing-c, var(--yellow-tint, #FFE698))}.tame-ing__h{position:absolute;left:50%;top:3.4cqmin;margin:0;transform:translate(-50%);white-space:nowrap;font-family:var(--font-h, "Bitter", Georgia, serif);font-weight:650;font-size:clamp(16px,3.6cqmin,19px);line-height:1.2;letter-spacing:-.01em;color:var(--ing-ink)}@container (max-width: 439px){.tame-ing__h{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.tame-ing__stage{position:absolute;inset:var(--top) 3cqw var(--bot);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--gap);align-items:stretch}.tame-ing__col{display:flex;flex-direction:column;justify-content:space-between;min-width:0;margin:0;padding:0;list-style:none}.tame-ing[data-n="3"] .tame-ing__col--r{justify-content:flex-start}.tame-ing__pack{align-self:center;width:var(--pw);height:var(--ph)}.tame-ing__pack img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.2cqmin 1.4cqmin rgba(64,64,66,.16))}.tame-ing__item{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.tame-ing__col--r .tame-ing__item{align-items:flex-end;text-align:right}.tame-ing__badge{display:grid;place-items:center;width:var(--b);height:var(--b);box-sizing:border-box;flex:none;border-radius:50%;background:#fff;border:3px solid var(--ing-c, var(--yellow-tint, #FFE698));box-shadow:0 1px 2px #40404214,0 8px 16px -8px #40404259}.tame-ing__badge img{display:block;width:68%;height:68%}.tame-ing__item{--in: calc(var(--lt, .05) * var(--pw));--dy: var(--dy0)}.tame-ing__col--r .tame-ing__item{--in: calc(var(--rt, .05) * var(--pw))}.tame-ing__item--up{--in: calc(var(--lb, .1) * var(--pw));--dy: var(--dy1)}.tame-ing__col--r .tame-ing__item--up{--in: calc(var(--rb, .1) * var(--pw))}.tame-ing__lead{position:absolute;left:var(--b);top:calc(var(--b) / 2);width:calc(100% - var(--b) + var(--gap) + var(--in) - 6px);height:var(--dy);overflow:visible;fill:none;stroke:var(--ing-ink);pointer-events:none}.tame-ing__item--up .tame-ing__lead{top:calc(var(--b) / 2 - var(--dy))}.tame-ing__col--r .tame-ing__lead{left:auto;right:var(--b);transform:scaleX(-1)}.tame-ing__lead path{stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.tame-ing__lead .tame-ing__dot{stroke-width:9px}.tame-ing__name{box-sizing:border-box;max-width:min(100%,7.6em);margin-top:.7cqmin;min-height:2.44em;font-weight:600;font-size:var(--fs);line-height:1.22;letter-spacing:-.005em;text-wrap:balance;overflow-wrap:anywhere;color:var(--ing-ink)}.tame-ing__name--nw{max-width:100%}.tame-ing__clean{position:absolute;left:50%;bottom:2.4cqmin;box-sizing:border-box;width:max-content;max-width:calc(100% - 6cqmin);margin:0;padding:.7cqmin 2.4cqmin;transform:translate(-50%);border-radius:14px;background:#ffffffd1;font-weight:600;font-size:clamp(13px,2.6cqmin,14.5px);line-height:1.3;text-align:center;text-wrap:balance;color:var(--ing-ink)}@media(min-width:1080px){.tame-ing{--bot: 12.5cqh}}@media(max-width:749px){.tame-ing{aspect-ratio:auto;height:300px;--bot: 18cqh}}.tame-ing__thumb{display:grid;grid-template-columns:1fr 1fr;place-items:center;width:100%;height:100%;padding:4px;box-sizing:border-box;gap:1px}.tame-gal__thumb .tame-ing__thumb img{display:block;width:100%;height:100%;max-width:26px;max-height:26px;object-fit:contain}.tame-gal__thumb .tame-ing__thumb[data-n="3"] img:nth-child(3){grid-column:1 / -1}@media(prefers-reduced-motion:reduce){.tame-ing,.tame-ing *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/tame-ing.css.map */