.hart .rack{--room: #171214;--room-2: #2a2225;--pool: #fbf6ef;--pool-2: rgba(236, 226, 214, .94);--pool-3: rgba(150, 132, 128, .35);--w: min(400px, 36vw);--mx-a: 29%;--mx-b: 71%;--hx: 54.8%;--ax: calc(var(--mx-a) + var(--w) * .048);--bx: calc(var(--mx-b) + var(--w) * .048);--t: clamp(8px, calc(var(--w) * .042), 17px);--rb: calc(var(--t) * 1.7);--rx: 5%;--ry: calc(var(--w) * .12 + 32px);--gap: calc(var(--w) * .06 + 10px);--sh: calc(var(--w) * .065);--lamp: calc(var(--w) * .1 + 6px);--tube: #2b2d31 0%, #6d7077 7%, #d8dbdf 17%, #fff 25%, #e6e8eb 33%, #9a9da4 46%, #5b5e65 56%, #8a8d94 68%, #c4c7cc 80%, #7d8087 90%, #2a2c30 100%;overflow:clip}.hart .rack.t-plum{--room: #1f0811;--room-2: #3a1226;--pool-3: rgba(140, 80, 105, .35);background:var(--velvet)}.hart .rack__head{display:grid;justify-items:center;gap:18px;max-width:760px;margin:0 auto;text-align:center}.hart .rack__head .duet{font-size:clamp(42px,6.4vw,92px);line-height:.92;letter-spacing:-.045em;font-stretch:88%}.hart .rack__head .duet .v1,.hart .rack__head .duet .v2{display:block}.hart .rack__head .duet .v2{font-size:1.04em;line-height:1;padding-bottom:.04em}.hart .rack__head .lead{max-width:56ch;margin-inline:auto}.hart .rack__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;max-width:1240px;margin:clamp(32px,4vw,52px) auto 14px}.hart .rack .seg{background:transparent;border-color:color-mix(in srgb,var(--fg) 28%,transparent)}.hart .rack__stage{position:relative;max-width:1240px;margin-inline:auto;height:calc(var(--ry) + var(--gap) + var(--w) * .9002 + clamp(34px,var(--w) * .13,54px));border-radius:var(--r);overflow:hidden;perspective:1800px;perspective-origin:50% 22%;background:radial-gradient(11% 24% at var(--ax) calc(var(--ry) + var(--gap) * 1.6),rgba(255,250,242,.5) 0%,rgba(240,230,218,.22) 55%,transparent 100%),radial-gradient(11% 24% at var(--bx) calc(var(--ry) + var(--gap) * 1.6),rgba(255,250,242,.5) 0%,rgba(240,230,218,.22) 55%,transparent 100%),radial-gradient(28% 50% at var(--ax) 56%,var(--pool) 0%,var(--pool-2) 44%,var(--pool-3) 76%,transparent 100%),radial-gradient(28% 50% at var(--bx) 56%,var(--pool) 0%,var(--pool-2) 44%,var(--pool-3) 76%,transparent 100%),radial-gradient(80% 90% at 50% 45%,var(--room-2) 0%,var(--room) 72%);box-shadow:inset 0 0 0 1px #f6f1ea14}.hart .rack__stage>span{position:absolute;pointer-events:none}.hart .rack__stage>.rack__charm{pointer-events:none}.hart .rack__hanger{position:absolute;top:0;width:var(--w);transform:translate(calc(var(--hx) * -1));transform-style:preserve-3d}.hart .rack__hanger--0{left:var(--ax)}.hart .rack__hanger--1{left:var(--bx)}.hart .rack__hang{position:relative;display:flow-root;padding-top:calc(var(--ry) + var(--gap));transform-style:preserve-3d;transform-origin:var(--hx) var(--ry)}.hart .rack--sway .rack__hang{animation:rack-sway 7s ease-in-out infinite}.hart .rack--sway .rack__hanger--1 .rack__hang{animation-delay:-3.3s}@keyframes rack-sway{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}.hart .rack__hook{position:absolute;pointer-events:none;top:calc(var(--ry) - var(--t) * .8);left:calc(var(--hx) - var(--t) * .2);width:var(--t);height:calc(var(--t) * 4.8);overflow:visible;filter:drop-shadow(0 var(--sh) calc(var(--sh) * .25) rgba(14,7,9,.3))}.hart .rack__pic{position:relative;display:block;aspect-ratio:812 / 731;border-radius:6px;transform-style:preserve-3d;color:inherit}.hart .rack__pic:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.hart .rack__layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:var(--hx) 50%;transform:rotateY(90deg);visibility:hidden;transition:transform .3s cubic-bezier(.5,0,.8,.4),visibility 0s linear .3s}.hart .rack__layer.is-on{transform:rotateY(0);visibility:visible;transition:transform .42s var(--ease) .3s,visibility 0s linear .3s}.hart .rack__spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:var(--hx) 50%;transition:transform 1.05s var(--ease)}.hart .rack__hanger--1 .rack__spin{transition-delay:.12s}.hart .rack.is-back .rack__spin{transform:rotateY(180deg)}.hart .rack__face{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28)) drop-shadow(0 var(--sh) calc(var(--sh) * .85) rgba(26,14,17,.42));transition:filter .4s var(--ease)}.hart .rack__front{transform:translateZ(2px)}.hart .rack__back{transform:rotateY(180deg) translateZ(2px)}.hart .rack__back:not(.rack__face--photo){transform:translate(5.2%) rotateY(180deg) translateZ(2px)}@media(hover:hover){.hart .rack__pic:hover .rack__face{filter:drop-shadow(0 2px 2px rgba(0,0,0,.28)) drop-shadow(0 calc(var(--sh) * 1.15) var(--sh) rgba(26,14,17,.5)) brightness(1.03)}}.hart .rack__dots{position:absolute;top:calc(var(--ry) + var(--gap));left:0;right:0;aspect-ratio:812 / 731;pointer-events:none;transform:translateZ(4px)}.hart .rack.is-back .rack__dots{display:none}.hart .rack__dot{position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:auto}.hart .rack__dot--chest{left:73%;top:35.2%}.hart .rack__dot--zip{left:57.1%;top:82%}.hart .rack__dot--cuff{left:25%;top:83.5%}.hart .rack__dot>span{position:relative;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff,#d9dbe0 40%,#8e9098);box-shadow:0 0 0 2px #ffffff8c,0 3px 8px #00000073;transition:transform .2s var(--ease)}.hart .rack__dot>span:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);animation:rack-pulse 2.2s ease-out infinite}@keyframes rack-pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}.hart .rack__dot[aria-expanded=true]>span{transform:scale(1.25);box-shadow:0 0 0 3px #fff,0 3px 8px #00000073}.hart .rack__dot:focus-visible{outline:2px solid #fff;outline-offset:0}.hart .rack__stage>.mock{left:12px;bottom:12px}.hart .rack__detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:760px;margin:20px auto 0;border-radius:var(--r);overflow:hidden;background:var(--pearl);color:#2a2224;box-shadow:0 30px 60px -24px #000000b3;animation:rack-in .45s var(--ease) both}.hart .rack__detail:focus{outline:none}@keyframes rack-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.hart .rack__dpic{aspect-ratio:538 / 350;background:var(--bone)}.hart .rack__dpic img{width:100%;height:100%;object-fit:cover}.hart .rack__dtext{display:grid;align-content:center;gap:8px;padding:20px 64px 22px 22px}.hart .rack__dwho{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6f6366}.hart .rack__dtitle{font:italic 400 24px/1.15 var(--serif);color:#3a1224}.hart .rack__dbody{font-size:15px;line-height:1.55;color:#43393c}.hart .rack__x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#151313b8;color:var(--ivory)}.hart .rack__x svg{width:18px;height:18px}.hart .rack__x:focus-visible{outline:2px solid #3a1224;outline-offset:2px}.hart .rack__looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1240px;margin:24px auto 0}.hart .rack__look{display:grid;gap:18px;align-content:start;padding:24px;border-radius:var(--r);background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid var(--line)}.hart .rack__lhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}.hart .rack__lhead h3{font:800 24px/1.1 var(--display);font-stretch:94%;letter-spacing:-.01em;color:var(--head)}.hart .rack__llink{font:italic 400 18px/1.2 var(--serif);color:var(--accent);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s}@media(hover:hover){.hart .rack__llink:hover{text-decoration-color:currentColor}}.hart .rack .ctl+.ctl{margin-top:0}.hart .rack .ctl legend{color:var(--mute)}.hart .rack__sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;max-width:1240px;margin:20px auto 0;padding:22px 24px;border-radius:var(--r);border:1.5px solid transparent;color:var(--ivory);background:radial-gradient(120% 90% at 80% 12%,#5c1e3b,#5c1e3b00 56%) padding-box,radial-gradient(90% 80% at 6% 100%,#2a0d1a,#2a0d1a00 62%) padding-box,linear-gradient(#3d1426,#3d1426) padding-box,var(--chrome) border-box}.hart .rack.t-plum .rack__sum{background:linear-gradient(#2a0d1a,#2a0d1a) padding-box,var(--chrome) border-box}.hart .rack__sumtext{display:grid;gap:6px;min-width:0}.hart .rack__kind{font:italic 400 19px/1.2 var(--serif);color:var(--blush-ink)}.hart .rack__lines{font-size:15px;line-height:1.5;color:#ecdfe3}.hart .rack__lines em{font-style:normal;color:#c9b0b9}.hart .rack__buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.hart .rack__price{font-size:15px;color:#c9b0b9}.hart .rack__price strong{font-size:22px;color:var(--ivory)}.hart .rack__status{flex-basis:100%;min-height:20px;font-size:14px;font-weight:600;color:var(--ivory)}.hart .rack__status.is-err{color:#ffb4a8}.hart .rack__status:empty{min-height:0}.hart .rack__fine{max-width:1240px;margin:18px auto 0;text-align:center;font-size:15px;color:var(--mute)}.hart .rack__fine .lnk{color:var(--soft)}@media(max-width:760px){.hart .rack{--w: 44vw;--mx-a: 26%;--mx-b: 74%;--rx: 16px}.hart .rack__bar{justify-content:center}.hart .rack__stage .g1{--g: 16px}.hart .rack__detail{grid-template-columns:minmax(0,1fr)}.hart .rack__dtext{padding:16px 18px 20px}.hart .rack__looks{grid-template-columns:minmax(0,1fr);gap:14px}.hart .rack__look{padding:20px 18px}.hart .rack__buy{width:100%}.hart .rack__buy .btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.hart .rack--sway .rack__hang,.hart .rack__dot>span:after,.hart .rack__detail{animation:none}.hart .rack__layer,.hart .rack__layer.is-on,.hart .rack__spin{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hart-rack.css.map */