.r3-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.v12.screen[data-screen=hero],.v12.screen[data-screen=cat]{position:relative;top:auto}.v12 .xtop{display:none}.v12.r3-sec{position:relative;display:flex;flex-direction:column;gap:18px;padding:36px var(--tp-pad) 44px;background-color:var(--tp-cream);background-image:var(--tp-paper);background-size:24px 24px;border-top:3px solid var(--tp-ink)}.v12.r3-best{background-color:#ffcfa3}html.tp-dark .v12.r3-sec{background-color:var(--sheet);border-top-color:var(--line)}@media(max-width:900px){.v12.screen{position:relative;top:auto;height:auto}.v12.r3-sec{padding:26px 12px 30px}}@media(min-width:901px){.v12.r3-best .row4{container-type:inline-size;grid-template-rows:auto;row-gap:32px;margin:6px 8px 4px;--sq:min(340px, calc((100cqw - 78px)/4 - 14px) ,max(200px,calc((100vh - 420px) / 1.7)))}.v12.r3-mo .row4{container-type:inline-size;grid-template-rows:auto;margin:10px 8px 6px;--sq:min(380px, calc((100cqw - 78px)/4 - 14px) )}}.v12.r3-mo{border-top:0;padding-top:20px}@media(min-width:901px)and (max-width:1899px){.v12.r3-mo .row4 .stk:nth-child(n+5){display:none}}@media(min-width:1900px){.v12.r3-mo .row4{row-gap:30px}}@media(min-width:990px){.v12.r3-mo{min-height:calc(100vh / .85 - 120px);padding-top:34px;padding-bottom:56px}.v12.r3-mo .r3-panel{flex:1 1 auto;justify-content:center;padding:30px 32px 36px}}@media(min-width:990px)and (max-width:1899px){.v12.r3-mo .row4{--sq:min(420px, calc((100cqw - 78px)/4 - 14px) ,calc(100vh / .85 - 470px))}}@media(min-width:901px)and (max-width:1365px){.v12.r3-best .row4{grid-template-columns:repeat(3,auto);--sq:min(300px,calc((100cqw - 52px) / 3 - 14px),max(200px,calc((100vh - 420px) / 1.7)))}.v12.r3-best .row4 .stk:nth-child(n+7){display:none}}@media(min-width:1366px){.v12.r3-best .row4{--sq: calc((100cqw - 78px)/4 - 14px) }}.v12 .stk .r3-rank{position:absolute;top:-16px;left:-14px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tp-ink);color:var(--tp-lemon);border:3px solid var(--tp-cream);font:800 19px/1 var(--font-heading--family);transform:rotate(-6deg);pointer-events:none}.v12.r3-best .stk[hidden]{display:none}.v12 .stk .r3-rank.one{width:56px;height:56px;font-size:24px;background:var(--tp-pink);color:#fff}.v12 .r3-duo{height:clamp(440px,68vh,620px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:4px 6px 10px}.v12 .r3-ban{position:relative;min-height:0;display:flex;flex-direction:column;container-type:size;border:3px solid var(--tp-ink);border-radius:24px;box-shadow:5px 5px 0 var(--tp-ink);overflow:hidden;background-color:var(--r3-tint,#c9f5d6);background-image:radial-gradient(rgba(27,27,47,.12) 2px,transparent 2px);background-size:22px 22px}.v12 .r3-ban--wall{background-image:linear-gradient(transparent 0 84%,#1b1b2f38 84% 85.5%,#ffffff47 85.5%)}.v12 .r3-exs{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;gap:1cqw;padding:3cqh 14px 118px}.v12 .r3-ex{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--tp-ink)}.v12 .r3-ex:before{content:"";position:absolute;top:-8px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--tp-ink);z-index:2}.v12 .r3-ex img{height:min(64cqh,30cqw);width:auto;object-fit:contain;background:#fff;border:3px solid var(--tp-ink);border-radius:14px;padding:4px;box-shadow:4px 5px #1b1b2f40;rotate:var(--tilt,0deg);transform-origin:50% 0}.v12 .r3-ban--wall .r3-ex img{height:min(64cqh,36cqw);border:7px solid var(--tp-ink);border-radius:0;padding:0;background:#fff;box-shadow:6px 8px #1b1b2f40;margin-top:8px}.v12 .r3-xt{margin-top:10px;background:var(--tp-lemon);color:#1b1b2f;border:2px solid var(--tp-ink);border-radius:999px;padding:1px 12px;font:800 13px/1.4 var(--font-heading--family);box-shadow:2px 2px 0 var(--tp-ink);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.v12 .r3-ban--wall .r3-xt{margin-top:12px}.v12 .r3-ex:hover .r3-xt{background:var(--tp-pink);color:#fff}.v12 .r3-ex--more{display:none}@media(min-width:1500px)and (min-height:820px){.v12 .r3-duo{height:min(88vh,900px)}.v12 .r3-exs{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;align-content:start;gap:2.2cqh 3cqw;padding:5cqh 14px 96px}.v12 .r3-ex img{height:calc((100cqh - 150px) / 3 - 46px)}.v12 .r3-ban--wall .r3-ex img{height:calc((100cqh - 150px) / 3 - 56px)}.v12 .r3-ex--more{display:flex}}.v12 .r3-lab{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.v12 .r3-lab .h{font-size:30px;line-height:1.05}.v12 .r3-kick{font:800 11px var(--font-body--family,Nunito),sans-serif;letter-spacing:.08em;color:var(--tp-pink)}.v12 .r3-go{display:inline-flex;align-items:center;height:44px;padding:0 20px;font-size:17px!important;border:3px solid var(--tp-ink);border-radius:999px;background:var(--tp-pink);color:#fff;font:800 15px var(--font-heading--family);text-decoration:none;box-shadow:3px 3px 0 var(--tp-ink)}.v12 .r3-soon{margin-top:6px;display:inline-flex;align-items:center;height:32px;padding:0 14px;border:2px dashed var(--tp-ink);border-radius:999px;font:800 14px var(--font-heading--family)}.v12 .r3-ban--photo{display:block;text-decoration:none;color:var(--tp-ink);background:#ddd}.v12 .r3-ban--photo>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.v12 .r3-ban--photo:hover>img{scale:1.03}}.v12 .r3-plab{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:3px;max-width:min(360px,calc(100% - 36px));padding:12px 16px;background:#fff;border:3px solid var(--tp-ink);border-radius:16px;box-shadow:4px 4px 0 var(--tp-ink)}.v12 .r3-plab .h{font-size:26px;line-height:1.05}.v12 .r3-plink{font:800 15px var(--font-heading--family);margin-top:4px}.v12 .r3-ban--photo:hover .r3-plink{color:var(--tp-pink)}html.tp-dark .v12 .r3-plab{background:var(--sheet);color:var(--txt);border-color:var(--line);box-shadow:4px 4px 0 var(--shadow)}@media(max-width:900px){.v12 .r3-ban--photo{aspect-ratio:5/4;min-height:0}.v12 .r3-plab{left:12px;bottom:12px;padding:10px 12px}.v12 .r3-plab .h{font-size:21px}}.v12 .r3-tabs{display:flex;gap:6px;padding:0 0 0 22px;flex:none;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1;margin-bottom:-3px}.v12 .r3-tabs::-webkit-scrollbar{display:none}.v12 .r3-tab{flex:none;border:3px solid var(--tp-ink);border-bottom:0;border-radius:16px 16px 0 0;background:#f1dfbb;color:var(--tp-ink);padding:9px 24px 12px;font:800 20px/1 var(--font-heading--family);cursor:pointer;white-space:nowrap;transition:translate .15s cubic-bezier(.2,.8,.2,1),background .15s}.v12 .r3-tab[aria-selected=true]{background:var(--tp-cream);translate:0 -3px;padding-bottom:15px;cursor:default}.v12 .r3-tab:focus-visible{outline:3px solid var(--tp-pink);outline-offset:2px}.v12 .r3-panel{flex:none;display:flex;flex-direction:column;border:3px solid var(--tp-ink);border-radius:0 24px 24px;box-shadow:5px 5px 0 var(--tp-ink);padding:18px 20px 14px;background-color:var(--tp-cream);background-image:var(--tp-paper);background-size:24px 24px}.v12 .r3-panel[hidden]{display:none}.v12 .r3-ph{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}.v12 .r3-tag{display:inline-block;background:var(--r3-tint,#ffb4c8);border:2px solid var(--tp-ink);font:800 12px var(--font-heading--family);letter-spacing:.08em;padding:2px 12px;transform:rotate(-2deg);text-transform:uppercase}.v12 .r3-panel .row4:empty{background:linear-gradient(100deg,#f1e4cb 30%,#fbf3e3,#f1e4cb 70%);background-size:300% 100%;border-radius:16px;animation:r3Shim 1.1s linear infinite}html.tp-dark .v12 .r3-tab{background:#2a2540;color:var(--txt);border-color:var(--line)}html.tp-dark .v12 .r3-tab[aria-selected=true]{background:var(--sheet)}html.tp-dark .v12 .r3-panel{background-color:var(--sheet);border-color:var(--line);box-shadow:5px 5px 0 var(--shadow)}html.tp-dark .v12 .r3-ban{border-color:var(--line);box-shadow:5px 5px 0 var(--shadow);filter:brightness(.82)}html.tp-dark .v12 .r3-lab{background:var(--sheet);color:var(--txt);border-color:var(--line)}@media(max-width:900px){.v12 .r3-duo{grid-template-columns:1fr;gap:18px;flex:none}.v12 .r3-ban{container-type:inline-size;min-height:0}.v12 .r3-exs{flex:none;padding:24px 12px 8px;gap:4cqw}.v12 .r3-ex img{height:40cqw}.v12 .r3-ban--wall .r3-ex img{height:46cqw}.v12 .r3-ex:nth-child(3){display:none}.v12 .r3-lab{position:relative;left:auto;bottom:auto;align-self:flex-start;margin:6px 12px 12px;max-width:none;padding:10px 12px}.v12 .r3-lab .h{font-size:23px}.v12 .r3-tabs{padding-left:10px}.v12 .r3-tab{font-size:16px;padding:8px 14px 10px}.v12 .r3-panel{padding:14px 10px 10px;border-radius:0 18px 18px;flex:none}.v12 .stk .r3-rank{top:-8px;left:-6px;width:38px;height:38px;font-size:16px}.v12 .stk .r3-rank.one{width:46px;height:46px;font-size:20px}}@keyframes r3Rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes r3Slap{0%{scale:1.5;rotate:-11deg}to{scale:1;rotate:0deg}}@keyframes r3Swap{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes r3Shim{0%{background-position:100% 0}to{background-position:-200% 0}}@keyframes r3Fade{0%{opacity:0}to{opacity:1}}@keyframes r3Pop{40%{scale:1.32}}@keyframes r3Burst{0%{opacity:1;box-shadow:0 0 0 var(--tp-pink),0 0 0 var(--tp-lemon),0 0 0 var(--tp-pink),0 0 0 var(--tp-lemon),0 0 0 var(--tp-pink),0 0 0 var(--tp-lemon)}to{opacity:0;box-shadow:0 -28px 0 var(--tp-pink),24px -15px 0 var(--tp-lemon),25px 13px 0 var(--tp-pink),0 28px 0 var(--tp-lemon),-25px 13px 0 var(--tp-pink),-24px -15px 0 var(--tp-lemon)}}@keyframes r3Sway{0%{rotate:var(--tilt,0deg)}20%{rotate:calc(var(--tilt,0deg) - 6deg)}45%{rotate:calc(var(--tilt,0deg) + 4deg)}70%{rotate:calc(var(--tilt,0deg) - 1.5deg)}to{rotate:var(--tilt,0deg)}}@keyframes r3Tilt{30%{rotate:-10deg}65%{rotate:6deg}}@keyframes r3Drop{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:no-preference){html.r3-open .v12 .herogrid .tile{animation:r3Rise .42s cubic-bezier(.2,.8,.2,1) both}html.r3-open .v12 .herogrid .tile:nth-child(2){animation-delay:.07s}html.r3-open .v12 .herogrid .tile:nth-child(3){animation-delay:.14s}html.r3-open .v12 .herogrid .tile:nth-child(4){animation-delay:.21s}html.r3-open .v12 .herogrid .ribbon{animation:r3Slap .3s cubic-bezier(.34,1.56,.64,1) .35s both}html.r3-open .v12 .herogrid .tile:nth-child(2) .ribbon{animation-delay:.42s}html.r3-open .v12 .herogrid .tile:nth-child(3) .ribbon{animation-delay:.49s}html.r3-open .v12 .herogrid .tile:nth-child(4) .ribbon{animation-delay:.56s}.v12 .r3-panel.r3-swap .stk{animation:r3Swap .2s cubic-bezier(.2,.8,.2,1) both}.v12 .r3-panel.r3-swap .stk:nth-child(2){animation-delay:.03s}.v12 .r3-panel.r3-swap .stk:nth-child(3){animation-delay:.06s}.v12 .r3-panel.r3-swap .stk:nth-child(4){animation-delay:.09s}.tp-save.r3-pop{animation:r3Pop .35s cubic-bezier(.34,1.56,.64,1)}.tp-save.r3-pop:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;pointer-events:none;animation:r3Burst .5s cubic-bezier(.2,.8,.2,1) forwards}@media(hover:hover){.v12 .r3-ex:hover img{animation:r3Sway .9s cubic-bezier(.3,.7,.4,1)}}.v12 .pill,.v12 .btn,.v12 .r3-go,.v12 .r3-out,.v12 .r3-xt{transition:translate .08s,box-shadow .08s}.v12 .pill:active,.v12 .btn:active,.v12 .r3-go:active,.v12 .r3-out:active{translate:2px 2px;box-shadow:1px 1px 0 var(--tp-ink)}.v12 .ph.r3-shim{background:linear-gradient(100deg,#f1e4cb 30%,#fbf3e3,#f1e4cb 70%);background-size:300% 100%;animation:r3Shim 1.1s linear infinite}.v12 .ph img.r3-wait{opacity:0}.v12 .ph img{transition:opacity .25s ease}.r3-nores img{animation:r3Tilt .6s cubic-bezier(.34,1.56,.64,1) .1s both}.r3-nores .r3-out{animation:r3Drop .25s cubic-bezier(.2,.8,.2,1) both}.r3-nores .r3-out:nth-child(1){animation-delay:.35s}.r3-nores .r3-out:nth-child(2){animation-delay:.4s}.r3-nores .r3-out:nth-child(3){animation-delay:.45s}}.r3-nores{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 0 6px;text-align:center}.r3-nores img{width:150px;height:auto}.r3-nores .h{font-family:var(--font-heading--family);font-weight:800;font-size:22px;line-height:1.1}.r3-outs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.r3-out{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:2.5px solid var(--tp-ink);border-radius:999px;background:#fff;color:var(--tp-ink);font:800 14px var(--font-heading--family);text-decoration:none;box-shadow:3px 3px 0 var(--tp-ink)}html.tp-dark .r3-nores{color:var(--txt)}.tp-v12-section~* .tp-foot a[href*="/pages/creators"],footer a[href*="/pages/creators"]{color:var(--tp-lemon)!important;font-weight:800}.v12 .r3-duo:has(.r3-ban--photo){height:clamp(420px,62vh,680px)!important}@media(max-width:900px){.v12 .r3-duo:has(.r3-ban--photo){height:auto!important}}.v12.r3-sec .stk .bd{display:flex!important;flex-direction:row;align-items:flex-start;gap:10px;padding:9px 6px 3px}.v12.r3-sec .stk .gar{display:none}.v12.r3-sec .stk .tt{flex:1 1 auto;min-width:0;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;text-overflow:clip}.v12.r3-sec .stk .price{flex:none;margin-left:auto;align-self:flex-start}.v12.r3-best{background-color:#ffd9b8}.v12.r3-duo-sec{background-color:#dcf6e6}.v12.r3-mo{background-color:#ebe2ff}.v12.screen[data-screen=cat]{background-color:#d9ecff;--folder-paper:#d9ecff;--folder-tab:#d9ecff}html.tp-dark .v12.r3-best{background-color:#33221a}html.tp-dark .v12.r3-duo-sec{background-color:#12291f}html.tp-dark .v12.r3-mo{background-color:#241c3a}html.tp-dark .v12.screen[data-screen=cat]{background-color:#112e2e;--folder-paper:#112e2e;--folder-tab:#174641}.v12 .r3-tab{background:var(--r3-tint,#f1dfbb)}.v12 .r3-tab[aria-selected=true],.v12 .r3-panel{background-color:color-mix(in srgb,var(--r3-tint,#fff7e8) 45%,#fff7e8)}.v12 .r3-tab:not([aria-selected=true]):hover{filter:brightness(1.04)}html.tp-dark .v12 .r3-tab{background:color-mix(in srgb,var(--r3-tint,#302644) 35%,var(--sheet));color:var(--txt)}html.tp-dark .v12 .r3-tab[aria-selected=true],html.tp-dark .v12 .r3-panel{background-color:color-mix(in srgb,var(--r3-tint,#1b192b) 18%,var(--sheet))}.v12 .r3-tabs{align-items:flex-end;margin-bottom:-3px;position:relative;z-index:2}.v12 .r3-tab{translate:none!important;padding:9px 24px 10px;margin-bottom:0}.v12 .r3-tab[aria-selected=true]{padding:12px 26px 15px;border-color:var(--tp-ink);box-shadow:none;position:relative;z-index:3}.v12 .r3-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:inherit}.v12 .r3-tab:focus{outline:none}.v12 .r3-tab:focus-visible{outline:3px dashed var(--tp-ink);outline-offset:-7px}.v12 .r3-panel{position:relative;z-index:1}html.tp-dark .v12 .r3-tab[aria-selected=true]{border-color:var(--line)}.v12.r3-mo{padding-bottom:72px}@media(min-width:901px){.v12 .r3-panel{padding:22px 24px 26px}}.v12 .r3-links{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v12 .r3-links .r3-sep{opacity:.45;font-weight:800}.v12 .r3-links a.see{white-space:nowrap}.v12 .r3-tabs{gap:0;padding-left:26px}.v12 .r3-tab{background:var(--r3-tint,#f1dfbb)!important;margin-left:-3px;padding:10px 22px 11px;border-radius:12px 12px 0 0;filter:none}.v12 .r3-tab:first-child{margin-left:0}.v12 .r3-tab:not([aria-selected=true]){filter:saturate(.85) brightness(.97)}.v12 .r3-tab[aria-selected=true]{padding:16px 26px 14px;z-index:4;box-shadow:4px 0 #1b1b2f}.v12 .r3-panel{background-color:color-mix(in srgb,var(--r3-tint,#fff7e8) 22%,#fffdf7)!important;background-image:linear-gradient(rgba(27,27,47,.08) 1px,transparent 1px)!important;background-size:100% 30px!important}html.tp-dark .v12 .r3-tab{background:color-mix(in srgb,var(--r3-tint,#302644) 55%,var(--sheet))!important;color:var(--txt)}html.tp-dark .v12 .r3-panel{background-color:color-mix(in srgb,var(--r3-tint,#1b192b) 14%,var(--sheet))!important;background-image:linear-gradient(rgba(233,220,255,.07) 1px,transparent 1px)!important}.v12 .r3-nb{position:relative;margin:14px 6px 6px;padding:26px 30px 30px 84px;background-color:#fffdf7;background-image:linear-gradient(90deg,transparent 0 62px,#f59fb2 62px 64px,transparent 64px),linear-gradient(transparent 0 31px,#c9dcf5 31px 33px);background-size:100% 100%,100% 33px;border:3px solid var(--tp-ink);border-radius:8px 8px 18px 18px;box-shadow:6px 6px 0 var(--tp-ink)}.v12 .r3-nb .title{padding:0 0 6px}.v12 .r3-nb .title .h{font-size:40px}html.tp-dark .v12 .r3-nb{background-color:#221d2e;background-image:linear-gradient(90deg,transparent 0 62px,#8a3c55 62px 64px,transparent 64px),linear-gradient(transparent 0 31px,#96b4e62e 31px 33px);border-color:var(--line);box-shadow:6px 6px 0 var(--shadow)}@media(max-width:900px){.v12 .r3-nb{padding:20px 10px 18px 34px;background-image:linear-gradient(90deg,transparent 0 22px,#f59fb2 22px 24px,transparent 24px),linear-gradient(transparent 0 31px,#c9dcf5 31px 33px)}.v12 .r3-nb .title .h{font-size:30px}}.v12.r3-mo .r3-tabs{margin-bottom:-18px}.v12 .r3-tab[aria-selected=true]:after{content:none}.v12 .r3-tab[aria-selected=true]{margin-bottom:-3px}.v12.r3-mo .r3-tabs{padding-bottom:3px;margin-bottom:-21px}@media(min-width:1201px){.v12 .r3-duo:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:901px)and (max-width:1200px){.v12 .r3-duo:has(>:nth-child(3)){height:auto!important}.v12 .r3-duo:has(>:nth-child(3))>.r3-ban{aspect-ratio:5/4;min-height:0}.v12 .r3-duo:has(>:nth-child(3))>:nth-child(3){grid-column:1/-1;aspect-ratio:16/7}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/teeprank-r3.css.map */