.ss-tin{--tin-ink: #5a3a2e;--tin-van: #fff5e8;--tin-pink: #ffb6ce;--tin-coral: #ee7466;--tin-lav: #e6daf5;--tin-apr: #ffdda9;color:var(--tin-ink);padding-top:1.6rem;padding-bottom:4rem;max-width:76rem}.ss-tin a{color:inherit}.ss-tin small{font-size:var(--ss-fs-xs)}.ss-tin img{display:block}.ss-tin-h2{margin:0 0 1rem;font:700 var(--ss-fs-lg)/1.2 "SS Fredoka",var(--font-heading-family),sans-serif;letter-spacing:0;color:var(--tin-ink)}.ss-tin-fine{margin:.8rem 0 0;font-size:var(--ss-fs-xs);line-height:1.45;opacity:.85}.ss-tin-small{text-align:center;margin-top:2.4rem}.ss-tin-hero{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem}.ss-tin-hero__txt{flex:1 1 auto;min-width:0}.ss-tin-kick{display:inline-block;padding:.2rem 1rem;border:1.5px solid var(--tin-ink);border-radius:99px;background:var(--tin-pink);font:700 var(--ss-fs-xs) "SS Fredoka",sans-serif;transform:rotate(-2deg)}.ss-tin-hero__h{margin:.6rem 0 .4rem;font:700 var(--ss-fs-2xl)/1.1 "SS Fredoka",var(--font-heading-family),sans-serif;letter-spacing:0;color:var(--tin-ink)}.ss-tin-hero__sub{margin:0;font-size:var(--ss-fs-base);line-height:1.45}.ss-tin-hero__art{position:relative;flex:0 0 auto;width:9.6rem;height:9.6rem;display:grid;place-items:center;border:2px solid var(--tin-ink);border-radius:46% 54% 50% 50%/52% 48%;background:var(--tin-lav);box-shadow:0 3px 0 var(--tin-ink)}.ss-tin-hero__art img{width:7.4rem;height:7.4rem;animation:ss-tin-bob 3.2s ease-in-out infinite}.ss-tin-spark{position:absolute;width:1.4rem;height:1.4rem;background:#ffd36e;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.ss-tin-spark--a{top:.6rem;right:.4rem}.ss-tin-spark--b{bottom:1.2rem;left:0;width:1rem;height:1rem;background:var(--tin-pink)}@keyframes ss-tin-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}.ss-tin-box{padding:1.4rem;border:2px solid var(--tin-ink);border-radius:22px 16px 20px 15px/17px 22px 15px 21px;background:#ffe9f0;box-shadow:0 3px 0 var(--tin-ink)}.ss-tin-box__head{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem}.ss-tin-box__head img{width:4.4rem;height:4.4rem}.ss-tin-box__head small{display:block;font-size:var(--ss-fs-xs);opacity:.85}.ss-tin-chip{display:inline-block;margin-top:.2rem;padding:.1rem 1rem;border:1.5px solid var(--tin-ink);border-radius:99px;background:var(--tin-lav);font:700 var(--ss-fs-sm) "SS Fredoka",sans-serif}.ss-tin-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.6rem;margin:1.2rem 0 0;padding:0 1.6rem;border:2px solid var(--tin-ink);border-radius:22px 16px 20px 15px/17px 22px 15px 21px;background:#c2453a;color:#fff;box-shadow:0 3px 0 var(--tin-ink);font:700 var(--ss-fs-md) "SS Fredoka",sans-serif;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .12s}.ss-tin a.ss-tin-btn{color:#fff}.ss-tin-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tin-ink)}.ss-tin-btn[disabled]{opacity:.55;cursor:not-allowed}.ss-tin-btn--ghost{background:#fff;color:var(--tin-ink)}.ss-tin-btn--sm{display:inline-flex;width:auto;white-space:nowrap;min-height:4.4rem;margin:0;padding:0 1.2rem;font-size:var(--ss-fs-sm)}.ss-tin-wait{margin:1rem 0 0;font-size:var(--ss-fs-xs);opacity:.8}.ss-tin-msg{margin:.8rem 0 0;font-size:var(--ss-fs-xs);color:#b23a2e}.ss-tin-card{padding:1rem;border:2px solid var(--tin-ink);border-radius:18px;background:var(--tin-van) radial-gradient(circle,rgba(238,116,102,.14) 1px,transparent 1.5px) 0 0 / 12px 12px;box-shadow:0 3px 0 var(--tin-ink)}.ss-tin-card__slots{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;padding:.4rem .2rem 1rem;border-bottom:2px dashed var(--tin-pink)}.ss-tin-slot{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#5a3a2e0d}.ss-tin-slot img{width:86%;height:86%}.ss-tin-slot.is-on img{animation:ss-tin-pop .4s cubic-bezier(.3,1.6,.5,1) both}.ss-tin-slot.is-pending{border:2px dashed var(--tin-coral);background:#fff}.ss-tin-slot.is-pending img{width:62%;height:62%;filter:grayscale(1);opacity:.45}@keyframes ss-tin-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.ss-tin-card__foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;padding-top:.8rem;font-size:var(--ss-fs-xs);line-height:1.35}.ss-tin-card__n{font:700 var(--ss-fs-base) "SS Fredoka",sans-serif}.ss-tin-card__note{flex:1 1 12rem}.ss-tin-card__pending{color:#c2463a;font-weight:700}.ss-tin-join{margin:1.2rem 0 0}.ss-tin-field{display:block;margin:0 0 .8rem;font-size:var(--ss-fs-xs);font-weight:700}.ss-tin-field small{font-weight:400;opacity:.8}.ss-tin-field select{display:block;width:100%;min-height:4.4rem;margin-top:.4rem;padding:0 1.2rem;border:2px solid var(--tin-ink);border-radius:14px;background:#fff;color:var(--tin-ink);font:500 var(--ss-fs-base) "SS Fredoka",sans-serif}.ss-tin-check{display:flex;gap:.8rem;align-items:flex-start;margin:0 0 .6rem;font-size:var(--ss-fs-xs);line-height:1.4;cursor:pointer}.ss-tin-check input{flex:0 0 auto;width:2rem;height:2rem;margin:0;accent-color:var(--tin-coral)}.ss-tin-next{margin:1rem 0 0;font-size:var(--ss-fs-sm);line-height:1.4}.ss-tin-list{display:grid;gap:.8rem;margin:1.2rem 0 0;padding:0;list-style:none}.ss-tin-row{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:2px solid var(--tin-ink);border-radius:16px;background:#fff}.ss-tin-row img{flex:0 0 auto;width:3.6rem;height:3.6rem}.ss-tin-row__t{flex:1 1 auto;min-width:0}.ss-tin-row__t b{display:block;font:700 var(--ss-fs-sm)/1.25 "SS Fredoka",sans-serif}.ss-tin-row__t small{display:block;font-size:var(--ss-fs-xs);line-height:1.35;opacity:.85}.ss-tin-row__n{flex:0 0 auto;display:flex;align-items:center;gap:.2rem;font:700 var(--ss-fs-sm) "SS Fredoka",sans-serif}.ss-tin-row__n img{width:1.8rem;height:1.8rem}.ss-tin-row.is-off{opacity:.75}.ss-tin-code{font:700 var(--ss-fs-base) "SS Fredoka",monospace;letter-spacing:.1rem}.ss-tin-sub{margin:1.6rem 0 .4rem;font:700 var(--ss-fs-sm) "SS Fredoka",sans-serif;text-transform:uppercase;letter-spacing:.08rem;opacity:.8}.ss-tin-demo{display:inline-block;margin:0 0 .8rem;padding:.2rem .8rem;border-radius:99px;background:var(--tin-ink);color:#fff;font-size:var(--ss-fs-xs)}.ss-tin-ref{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;padding:.8rem 1.2rem;border:2px dashed var(--tin-ink);border-radius:16px;background:var(--tin-apr);font-size:var(--ss-fs-xs);line-height:1.4}.ss-tin-ref[hidden]{display:none}.ss-tin-ref img{width:4rem;height:4rem;flex:0 0 auto}.ss-tin-links{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1.2rem 0 0;font-size:var(--ss-fs-xs)}.ss-tin-links a,.ss-tin-links button{display:inline-flex;align-items:center;min-height:4.4rem}.ss-tin-links button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.ss-tin-sec{margin:2.6rem 0 0}.ss-tin-steps{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:tin}.ss-tin-steps li{position:relative;display:grid;grid-template-columns:4.6rem 1fr;grid-template-rows:auto auto;column-gap:1rem;align-items:center;padding:.8rem 1rem;border:2px solid var(--tin-ink);border-radius:16px;background:#fff;counter-increment:tin}.ss-tin-steps li:before{content:counter(tin);position:absolute;top:-.8rem;left:-.6rem;width:2.2rem;height:2.2rem;border:1.5px solid var(--tin-ink);border-radius:50%;background:#ffd36e;font:700 var(--ss-fs-xs)/1.9rem "SS Fredoka",sans-serif;text-align:center}.ss-tin-steps img{grid-row:span 2;width:4.6rem;height:4.6rem}.ss-tin-steps b{font:700 var(--ss-fs-base) "SS Fredoka",sans-serif}.ss-tin-steps span{font-size:var(--ss-fs-xs);line-height:1.4}.ss-tin-treats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.ss-tin-treat{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem .6rem 1rem;border:2px solid var(--tin-ink);border-radius:16px;background:var(--tin-van);text-align:center}.ss-tin-treat>img{width:4.6rem;height:4.6rem}.ss-tin-treat b{font:700 var(--ss-fs-sm)/1.2 "SS Fredoka",sans-serif}.ss-tin-treat span{font-size:var(--ss-fs-xs);line-height:1.35}.ss-tin-cost{display:inline-flex;align-items:center;gap:.2rem;margin-top:auto;padding:.1rem .8rem;border:1.5px solid var(--tin-ink);border-radius:99px;background:#fff;font:700 var(--ss-fs-xs) "SS Fredoka",sans-serif;font-style:normal}.ss-tin-cost img{width:1.6rem;height:1.6rem}.ss-tin-tiers{display:grid;gap:.8rem}.ss-tin-tier{display:grid;grid-template-columns:4.8rem 1fr;column-gap:1rem;padding:1rem;border:2px solid var(--tin-ink);border-radius:16px;background:#fff}.ss-tin-tier>img{grid-row:span 3;width:4.8rem;height:4.8rem}.ss-tin-tier b{font:700 var(--ss-fs-base) "SS Fredoka",sans-serif}.ss-tin-tier small{font-size:var(--ss-fs-xs);opacity:.85}.ss-tin-tier ul{margin:.4rem 0 0;padding:0 0 0 1.6rem;font-size:var(--ss-fs-xs);line-height:1.45}.ss-tin-tier.is-mine{background:var(--tin-lav);box-shadow:0 3px 0 var(--tin-ink)}.ss-tin-tier.is-mine b:after{content:" (you)";font-weight:500;font-size:var(--ss-fs-xs)}.ss-tin-share,.ss-tin-play{display:flex;gap:1.2rem;align-items:flex-start;padding:1.2rem;border:2px dashed var(--tin-ink);border-radius:18px;background:#fff}.ss-tin-share>img,.ss-tin-play>img{width:5.2rem;height:5.2rem;flex:0 0 auto}.ss-tin-share p,.ss-tin-play p{margin:0;font-size:var(--ss-fs-xs);line-height:1.45}.ss-tin-play{background:var(--tin-van);border-style:solid}.ss-tin-shareline{display:flex;gap:.6rem;margin:.8rem 0 0}.ss-tin-shareline input{flex:1 1 auto;min-width:0;min-height:4.4rem;padding:0 1rem;border:2px solid var(--tin-ink);border-radius:12px;font:500 var(--ss-fs-xs) "SS Fredoka",sans-serif;color:var(--tin-ink);background:var(--tin-van)}.ss-tin-faq details{border-bottom:2px dashed var(--tin-pink)}.ss-tin-faq summary{display:flex;align-items:center;justify-content:space-between;min-height:4.4rem;padding:.6rem 0;font:700 var(--ss-fs-sm) "SS Fredoka",sans-serif;cursor:pointer;list-style:none}.ss-tin-faq summary::-webkit-details-marker{display:none}.ss-tin-faq summary:after{content:"+";flex:0 0 auto;margin-left:1rem;font-size:var(--ss-fs-lg);line-height:1}.ss-tin-faq details[open] summary:after{content:"-"}.ss-tin-faq details>div{padding:0 0 1rem;font-size:var(--ss-fs-xs);line-height:1.5}.ss-tin-faq details>div p{margin:0}@media screen and (min-width:750px){.ss-tin{padding-top:3rem}.ss-tin-hero__art{width:14rem;height:14rem}.ss-tin-hero__art img{width:11rem;height:11rem}.ss-tin-box{padding:2rem 2.4rem}.ss-tin-card__slots{grid-template-columns:repeat(5,minmax(0,6.4rem));justify-content:space-around}.ss-tin-steps{grid-template-columns:repeat(3,1fr);gap:1.2rem}.ss-tin-steps li{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center;row-gap:.4rem;padding:1.6rem 1.2rem}.ss-tin-steps img{grid-row:auto;width:6rem;height:6rem}.ss-tin-tiers{grid-template-columns:repeat(3,1fr);gap:1.2rem}.ss-tin-tier{grid-template-columns:1fr;justify-items:start}.ss-tin-tier>img{grid-row:auto;margin-bottom:.4rem}}@media(prefers-reduced-motion:reduce){.ss-tin-hero__art img,.ss-tin-slot.is-on img{animation:none}}.ss-tin-pill{display:none}@media screen and (min-width:750px){.ss-tin-pill{display:inline-flex;align-items:center;gap:.4rem;align-self:center;height:3.4rem;margin:0 .4rem;padding:0 1rem 0 .4rem;border:1.5px solid #5a3a2e;border-radius:12px 7px 11px 6px/7px 11px 6px 12px;background:#ffe9f0;color:#5a3a2e;box-shadow:0 2px #5a3a2e;font:700 var(--ss-fs-xs) "SS Fredoka",sans-serif;text-decoration:none;transform:rotate(-2deg);transition:transform .14s}.ss-tin-pill:hover{transform:rotate(1deg) scale(1.04)}.ss-tin-pill img{width:2.6rem;height:2.6rem}.ss-tin-pill small{font-size:var(--ss-fs-xs);font-weight:500;opacity:.8}.ss-tin-pill.is-ready{background:#ffd36e}}@media screen and (max-width:749px){body.ss-has-tabs .ss-tin-pill{pointer-events:none;display:block;position:absolute;top:50%;right:.4rem;z-index:3;width:2.2rem;height:2.2rem;margin-top:-2.3rem;border:1.5px solid #5a3a2e;border-radius:50% 46% 52% 48%;background:#ffd36e;color:#5a3a2e;font:700 var(--ss-fs-xs)/1.9rem "SS Fredoka",sans-serif;text-align:center;text-decoration:none;transform:rotate(8deg)}body.ss-has-tabs .ss-tin-pill img,body.ss-has-tabs .ss-tin-pill small{display:none}body.ss-has-tabs .ss-tin-pill.is-ready{background:#ffb6ce}}.ss-tin-earn{display:inline-flex;align-items:center;gap:.5rem;margin:.4rem 0 .2rem;padding:.2rem .9rem .2rem .4rem;border:1.5px dashed #5a3a2e;border-radius:99px;background:#fff5e8;color:#5a3a2e;font-size:var(--ss-fs-xs);font-weight:600;line-height:1.3;text-decoration:none}.ss-tin-earn img{width:2rem;height:2rem}.ss-tin-cart{display:flex;align-items:center;gap:.6rem;margin:.8rem 0 .4rem;padding:.5rem .9rem;border:1.5px dashed #5a3a2e;border-radius:12px;background:#fff5e8;color:#5a3a2e;font-size:var(--ss-fs-xs);line-height:1.35}.ss-tin-cart img{width:2.2rem;height:2.2rem;flex:0 0 auto}.ss-tin-cart a{color:inherit}.ss-tin-cart-treat{display:flex;align-items:center;gap:.8rem;margin:0 0 .6rem;padding:.6rem .9rem;border:1.5px solid #5a3a2e;border-radius:12px;background:#ffe9f0;color:#5a3a2e;font-size:var(--ss-fs-xs);line-height:1.35}.ss-tin-cart-treat span{flex:1 1 auto}.ss-tin-cart-treat a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.2rem;border:1.5px solid #5a3a2e;border-radius:99px;background:#c2453a;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 2px #5a3a2e}.ss-tin-cart-treat[hidden]{display:none}.ss-tin-gate{display:flex;align-items:center;gap:.8rem;margin:.8rem 0;padding:.7rem 1rem;border:2px solid #5a3a2e;border-radius:14px;background:#e6daf5;color:#5a3a2e;font-size:var(--ss-fs-xs);line-height:1.4}.ss-tin-gate img{width:3.6rem;height:3.6rem;flex:0 0 auto}.ss-tin-gate a{color:inherit}.ss-tin a:focus-visible,.ss-tin button:focus-visible,.ss-tin select:focus-visible,.ss-tin input:focus-visible,.ss-tin summary:focus-visible,.ss-tin-pill:focus-visible,.ss-tin-earn:focus-visible,.ss-tin-cart a:focus-visible,.ss-tin-cart-treat a:focus-visible,.ss-tin-gate a:focus-visible{outline:3px solid #5a3a2e;outline-offset:2px;box-shadow:0 0 0 5px #fff5e8}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ss-tin.css.map */