.tricote-rack{--bg:#EFEFED;--ink:#1C1C1C;--mute:#8A8A84;--line:#D6D5D0;--slot:104px;--neck:72px}.tricote-rack,.tricote-rack *{box-sizing:border-box}.tricote-rack{background:var(--bg);color:var(--ink);font-family:var(--text-font-family,-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif)}.rk{padding:72px 0 64px;overflow:hidden}.rk-tabs{display:flex;justify-content:center;gap:4px 26px;flex-wrap:wrap;margin:0 auto 44px;padding:0 16px}.rk-tab{-webkit-appearance:none;appearance:none;border:0;background:none;padding:8px 0 7px;font:inherit;font-size:13px;letter-spacing:.14em;color:var(--mute);cursor:pointer;border-bottom:3px solid transparent}.rk-tab small{font-size:10px;letter-spacing:.04em;margin-left:5px}.rk-tab:hover{color:var(--ink)}.rk-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.rk-tabs[data-v=b]{gap:8px}.rk-tabs[data-v=b] .rk-tab{border:1px solid var(--line);border-radius:999px;padding:8px 16px;background:#fff}.rk-tabs[data-v=b] .rk-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.rk-tabs[data-v=c]{gap:0}.rk-tabs[data-v=c] .rk-tab{padding:4px 18px;border:0;border-left:1px solid var(--line)}.rk-tabs[data-v=c] .rk-tab:first-child{border-left:0}.rk-tabs[data-v=c] .rk-tab small{display:none}.rk-tabs[data-v=c] .rk-tab[aria-selected=true]{font-weight:600}.rk-tabs[data-v=d]{gap:10px}.rk-tabs[data-v=d] .rk-tab{position:relative;border:0;border-radius:3px;padding:8px 14px 8px 22px;background:#e7d3bd;color:#6b4a2a}.rk-tabs[data-v=d] .rk-tab:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px #00000026}.rk-tabs[data-v=d] .rk-tab[aria-selected=true]{background:#a8733f;color:#fff}.rk-tabs[data-v=e]{gap:6px 34px}.rk-tabs[data-v=e] .rk-tab{position:relative;border:0;font-size:17px;letter-spacing:.08em;font-weight:300;padding:6px 0 14px}.rk-tabs[data-v=e] .rk-tab small{display:none}.rk-tabs[data-v=e] .rk-tab[aria-selected=true]:after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ink)}.rk-tabs[data-v=f]{gap:0}.rk-tabs[data-v=f] .rk-tab{border:1px solid var(--ink);margin-left:-1px;padding:9px 18px;color:var(--ink)}.rk-tabs[data-v=f] .rk-tab[aria-selected=true]{background:var(--ink);color:#fff}.rk-stage{position:relative;height:460px}.rk-rail{position:absolute;left:0;right:0;top:22px;height:5px;border-radius:3px;background:linear-gradient(#d4d4d0,#a9a9a4 60%,#8f8f8a);box-shadow:0 2px 3px #0000001f;z-index:1}.rk-rank{position:absolute;left:var(--hk);z-index:7;pointer-events:none;line-height:1;color:var(--ink);white-space:nowrap}.rk-rank b{font-weight:inherit}.rk[data-rank=a] .rk-rank{top:1px;transform:translate(-50%);font-size:20px;font-weight:600;letter-spacing:.02em}.rk[data-rank=b] .rk-rank{top:calc(var(--neck) * .42);margin-left:9px;background:#1c1c1c;color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em;padding:5px 8px 5px 9px;border-radius:2px;transform-origin:0 0;transform:rotate(7deg)}.rk[data-rank=b] .rk-rank b:before{content:"No.";font-weight:400;margin-right:2px}.rk[data-rank=c] .rk-rank{top:calc(var(--neck) * .62);margin-left:12px;width:30px;height:40px;background:linear-gradient(#efe4cd,#e2d3b5);border:1px solid #c9b48e;border-radius:3px 3px 5px 5px;box-shadow:0 2px 4px #0000001f;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:17px;font-weight:600;color:#5b4223;transform-origin:50% -10px;transform:rotate(6deg)}.rk[data-rank=c] .rk-rank:before{content:"";position:absolute;top:6px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px #b39a70}.rk[data-rank=c] .rk-rank:after{content:"";position:absolute;left:50%;top:9px;width:1px;height:26px;background:#8a7a62;transform-origin:0 0;transform:rotate(128deg)}.rk[data-rank=d] .rk-rank{top:9px;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:#1c1c1c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 2px 4px #0000002e}.rk[data-rank=e] .rk-rank{top:calc(var(--neck) * .3);margin-left:-40px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dcae7e,#b07a48 60%,#8c5a2e);border:1px solid #7a4b22;color:#3b2410;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;box-shadow:0 2px 3px #0000002e}.rk[data-rank=f] .rk-rank{top:calc(var(--neck) - 6px);margin-left:-58px;z-index:0;font-size:76px;font-weight:200;letter-spacing:-.04em;color:#1c1c1c21}@media(max-width:749px){.rk[data-rank=a] .rk-rank{font-size:18px}.rk[data-rank=f] .rk-rank{font-size:60px;margin-left:-46px}}.rk-row{position:relative;z-index:2;display:flex;height:100%;padding:0 calc(50% - var(--slot)/2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth}.rk-row::-webkit-scrollbar{display:none}.rk-bar{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto 30px;padding:0 16px;max-width:760px}.rk-arrow{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:var(--ink);font-size:24px;line-height:1;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .2s}@media(hover:hover){.rk-arrow:hover{opacity:.8}}.rk-arrow svg{width:18px;height:18px}.rk-it{position:relative;flex:0 0 var(--slot);height:100%;outline:none;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.rk-pic img{pointer-events:auto;cursor:pointer}.rk-it.on{z-index:700!important}.rk-hk{position:absolute;left:var(--hk,50%);top:0;width:26px;height:var(--neck);margin-left:-13px;pointer-events:none}.rk-sw{position:absolute;left:var(--hk,50%);top:0;width:0;height:100%;transform-origin:0 24.5px}.rk-it.on .rk-sw{animation:sway 1.8s ease-out 1}@keyframes sway{0%{transform:rotate(0)}18%{transform:rotate(2.2deg)}42%{transform:rotate(-1.4deg)}68%{transform:rotate(.6deg)}to{transform:rotate(0)}}.rk-pic{position:absolute;transform:scale(var(--s0,.5));transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;filter:drop-shadow(0 8px 10px rgba(0,0,0,.12))}.rk-it.on .rk-pic{transform:scale(var(--s1,1));filter:drop-shadow(0 18px 22px rgba(0,0,0,.17))}.rk-pic img{position:relative;z-index:2;display:block;width:100%;height:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.rk-hg{position:absolute;z-index:1;pointer-events:none;overflow:visible}.rk-body{position:relative}.rk-info{flex:1 1 auto;min-width:0;text-align:center}.rk-name{font-size:15px;letter-spacing:.12em;margin:0 0 8px;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.rk-price{font-size:13px;letter-spacing:.1em;color:var(--mute);margin:0;transition:opacity .2s}.rk-name{margin:0!important;max-width:100%}.rk-bar[data-info="2"] .rk-head{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;margin-bottom:12px}.rk-btn{display:inline-block;border:1px solid var(--ink);padding:9px 24px;font-size:12px;letter-spacing:.14em;color:var(--ink);text-decoration:none}.rk-btn{background:linear-gradient(var(--ink),var(--ink)) no-repeat 100% 50%/0 100%;transition:background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s steps(1),color .45s cubic-bezier(.785,.135,.15,.86)}@media(hover:hover){.rk-btn:hover{background-size:100% 100%;background-position:0 50%;color:#fff}}.fade{opacity:0}.rk-head{transition:opacity .2s;will-change:opacity;transform:translateZ(0)}.rk-name,.rk-price{transition:none}@media(max-width:749px){.tricote-rack{--slot:88px}.rk{padding:56px 0 48px}.rk-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:22px;margin-bottom:44px}.rk-tabs::-webkit-scrollbar{display:none}.rk-tabs{--ml:0px;--mr:48px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--ml),#000 calc(100% - var(--mr)),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--ml),#000 calc(100% - var(--mr)),transparent)}.rk-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rk-tab{flex:0 0 auto}.rk-stage{height:400px}.rk-row{scroll-snap-type:x mandatory;--s1:.8}.rk-it{scroll-snap-align:center}.rk-bar{gap:12px;margin-bottom:22px}.rk-arrow{width:44px;height:44px;font-size:20px}.rk-name{font-size:13px}}@media(hover:none)and (pointer:coarse){.rk-row{scroll-snap-type:x mandatory;--s1:.8}.rk-it{scroll-snap-align:center}}@media(max-height:500px){.rk{padding-top:14px}.rk-tabs{margin-bottom:12px}.rk-bar{margin-bottom:10px}}@media(min-width:750px){.rk{padding-bottom:16px}.rk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 28px;letter-spacing:.16em}}@media(max-width:749px){.rk-btn{padding:12px 24px}}@media(min-width:1000px){.rk-bar{max-width:none;padding:0 max(48px,calc(50vw - 680px))}}@media(max-width:749px){.rk{padding-bottom:8px}}@media(min-width:1000px){.rk{padding-bottom:0}.rk-tab{font-size:15px}}.rk-bar[data-info="2"] .rk-head{margin-bottom:20px}@media(max-width:749px){.rk-bar[data-info="2"] .rk-head{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.rk-it,.rk-pic{transition:none}.rk-sw{animation:none!important}}.rk .rk-tab{font-size:14px;letter-spacing:.15em;text-transform:uppercase}.rk .rk-name{font-family:var(--heading-font-family,inherit);font-size:14px;letter-spacing:var(--heading-letter-spacing,.15em);text-transform:uppercase}.rk .rk-price{font-size:13px;letter-spacing:.15em}.rk .rk-btn{font-size:13px;letter-spacing:var(--button-letter-spacing,.18em);text-transform:uppercase}@media(max-width:749px){.rk .rk-tab,.rk .rk-name{font-size:13px}}@media(max-width:749px){.rk .rk-arrow{display:none}.rk .rk-bar{gap:0}}@media(max-width:749px){.rk .rk-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px}}@media(min-width:750px)and (max-width:999px)and (hover:none)and (pointer:coarse){.rk .rk-arrow{display:none}.rk .rk-bar{gap:0}}@media(min-width:750px)and (max-width:999px){.rk .rk-bar{max-width:none;padding:0 32px}}@media(min-width:750px)and (max-width:999px)and (hover:hover)and (pointer:fine){.rk{padding-bottom:0}}.tricote-rack p{margin:0}.tricote-rack button{font-family:inherit;letter-spacing:inherit;text-transform:none;min-height:0}.tricote-rack img{max-width:none}
/*# sourceMappingURL=/cdn/shop/t/148/assets/tricote-rack.css.map */