@property --sw{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hd-rack{--rack-bg: #F8FAFD;--rack-line: rgba(6, 26, 74, .55);--sag: 96px;background:var(--rack-bg);padding:72px 0 64px}.hd-rack__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 var(--hd-gutter, 48px);margin-bottom:40px}.hd-rack__scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:90px 0 380px;margin:-90px 0 -380px;pointer-events:none}.hd-rack__track>*{pointer-events:auto}.hd-rack__scroll::-webkit-scrollbar{display:none}.hd-rack__track{position:relative;display:flex;justify-content:space-around;align-items:flex-start;gap:24px;min-width:100%;width:max-content;padding:26px var(--hd-gutter, 48px) 0;box-sizing:border-box}.hd-rack__line{position:absolute;left:0;top:24px;width:100%;height:30px;overflow:visible;pointer-events:none}.hd-rack__line path,.hd-pdp-line__rope path{fill:none;stroke:var(--rack-line);stroke-width:1.4;vector-effect:non-scaling-stroke}.hd-rack{position:relative;overflow-x:clip}.hd-rack:has(.hd-col__quickadd:not([hidden])){z-index:20}.hd-rack__bg,.hd-rack__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hd-rack__bg img{width:100%;height:100%;object-fit:cover;display:block}.hd-rack__veil{background:var(--rack-bg)}.hd-rack__head,.hd-rack__scroll{position:relative}.hd-rack--photo{padding-bottom:96px}.hd-rack__rows{display:none}html body .section-header .header-wrapper:before{transition:opacity .25s ease}html body.hd-over-sky .section-header .header-wrapper:before{opacity:0}html body.hd-over-sky .section-header .header-wrapper{border-bottom-color:transparent}body.hd-over-sky .section-header .header__heading-logo--white{display:block}body.hd-over-sky .section-header .header__heading-logo--dark{display:none}body.hd-over-sky .section-header .header__icon,body.hd-over-sky .section-header .header__icon svg,body.hd-over-sky .section-header .header__heading-link{color:#fff}@media(min-width:750px){.hd-rack:has(.hd-rack__rows--desk) .hd-rack__scroll{display:none}.hd-rack__rows--desk{display:flex;flex-direction:column;gap:56px;padding:0 var(--hd-gutter, 48px);position:relative}.hd-rack__rows--desk .hd-rack__row{position:relative;display:flex;justify-content:space-around;align-items:flex-start;gap:24px;padding-top:26px;--sag: 96px}.hd-rack__rows--desk .hd-rack__line{left:calc(-1 * var(--hd-gutter, 48px));width:calc(100% + 2 * var(--hd-gutter, 48px))}body .hd-rack__rows--desk .hd-col__card.hd-hang{width:clamp(170px,15vw,240px)}.hd-rack__rows--desk{gap:104px}.hd-rack__rows--desk .hd-hang__garment{position:static}body .hd-rack__rows--desk .hd-hang.hd-col__card .hd-col__quickadd-trigger{top:calc(100% + 10px);bottom:auto;left:calc(50% - 16px);right:auto}body .hd-rack__rows--desk .hd-hang.hd-col__card .hd-col__quickadd{top:calc(100% + 56px)}}body .hd-col__card.hd-hang{background:transparent;overflow:visible;border-radius:0;display:flex;width:clamp(170px,16vw,260px)}.hd-hang{position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(170px,16vw,260px);flex:0 0 auto;margin-top:calc(var(--sag) * var(--x, .5) * (1 - var(--x, .5)));text-decoration:none;color:inherit}.hd-hang__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:12px}.hd-hang__link:focus-visible{outline:2px solid #0839AA;outline-offset:4px}.hd-hang__garment{position:relative;display:flow-root;width:100%}.hd-hang__img{display:block;width:calc(var(--sc, 1) * 100%);max-width:none;height:auto;margin:calc(var(--py, .12) * var(--ar, 1.3333) * var(--sc, 1) * -100%) 0 0 calc((1 - var(--sc, 1)) * 50%);transition:opacity .35s ease;transform-origin:50% calc(var(--py, .12) * 100%);transform:rotate(var(--sw)) translateY(calc(var(--flip-t, 0) * 100%)) scale(var(--fs, 1))}.hd-hang__garment .hd-hang__img{max-width:none}.hd-hang__garment--blend .hd-hang__img{mix-blend-mode:multiply;filter:brightness(1.05) contrast(1.04)}.hd-hang__garment[data-cut="1"]:not(.is-cut):not(.cut-off) .hd-hang__img{opacity:0}.hd-hang__garment.is-cut .hd-hang__img{mix-blend-mode:normal;filter:drop-shadow(0 10px 14px rgba(6,26,74,.16))}.hd-hang__ph{aspect-ratio:3 / 4;background:#eef2fa;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--hd-muted, #8A93A8);text-align:center;padding:12px}.hd-hang__pin{position:absolute;top:-20px;width:10px;height:33px;z-index:2;margin-left:-5px;filter:drop-shadow(0 2px 2px rgba(6,26,74,.18))}.hd-hang__pin--l{left:calc((.5 + (var(--p1x, .3) - .5) * var(--sc, 1)) * 100%);transform:rotate(-3deg)}.hd-hang__pin--r{left:calc((.5 + (var(--p2x, .7) - .5) * var(--sc, 1)) * 100%);transform:rotate(3deg)}.hd-hang__garment[data-pins="1"] .hd-hang__pin--l{transform:none}.hd-hang__garment[data-pins="1"] .hd-hang__pin--r{display:none}.hd-hang__garment[data-hook="1"]{--hw: 24px;padding-top:calc(var(--hw) * 2)}.hd-hang__garment[data-hook="1"] .hd-hang__pin{display:none}.hd-hang__garment[data-hook="1"] .hd-hang__img{position:relative;z-index:1}.hd-hang__garment[data-hook="1"]:before{content:"";position:absolute;z-index:0;left:50%;top:calc(var(--hw) * -.19);width:var(--hw);height:calc(var(--hw) * 3);margin-left:calc(var(--hw) / -2);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(6,26,74,.18));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 72'%3E%3Cpath d='M6 12C2 5 9 1 13 3C17 5 16 10 12 11L12 56C12 67 3 67 3 60' fill='none' stroke='%230839AA' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.hd-pdp-line__piece .hd-hang__garment[data-hook="1"]{--hw: clamp(30px, calc(var(--gw) * .07), 48px)}.hd-hang__tag{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:14px;padding:8px 16px 9px;border-radius:12px;background:#f8fafdc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;transition:opacity .2s ease}.hd-hang__name{font-family:var(--hd-display, "Bebas Neue"),sans-serif;font-size:20px;letter-spacing:.03em;line-height:1.05;color:#061a4a}.hd-hang__sub{font-size:14px;color:#3a4a6b}.hd-hang__price{font-size:14px;font-weight:500;color:#061a4a}@media(hover:hover){.hd-hang__tag{opacity:0}.hd-hang:hover .hd-hang__tag,.hd-hang:focus-within .hd-hang__tag{opacity:1}.hd-hang:hover .hd-hang__img{animation:hd-swing 1.6s ease-out}}@keyframes hd-swing{0%{--sw: 0deg}20%{--sw: 2.2deg}45%{--sw: -1.4deg}70%{--sw: .7deg}to{--sw: 0deg}}@keyframes hd-drift{0%{--sw: -.6deg}to{--sw: .6deg}}body .hd-hang.hd-col__card .hd-col__quickadd-trigger{right:calc((1 - var(--sc, 1)) * 50% + 6px);bottom:6px;z-index:3}body .hd-hang.hd-col__card .hd-col__quickadd{left:50%;right:auto;bottom:auto;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 32px);transform:translate(-50%);z-index:8;box-sizing:border-box}body :is(.hd-rack__track,.hd-rack__row)>.hd-hang:nth-child(2) .hd-col__quickadd{left:0;transform:none}body :is(.hd-rack__track,.hd-rack__row)>.hd-hang:last-child .hd-col__quickadd{left:auto;right:0;transform:none}.hd-hang:has(.hd-col__quickadd:not([hidden])){z-index:10}.hd-hang:has(.hd-col__quickadd:not([hidden])) .hd-hang__tag{opacity:0}@media(min-width:750px){.hd2-pdp-hero:has(.hd-pdp-line){min-height:max(680px,100svh);padding-top:calc(var(--hd-hdr, 140px) + 32px);padding-bottom:40px}}body:has(.hd-pdp-line) .hd2-pdp{margin-top:calc(-1 * var(--hd-hdr, 140px))}body:has(.hd-pdp-line) .section-header .header-wrapper{border-bottom-color:transparent}body:has(.hd-pdp-line) .section-header .header-wrapper:before{transition:opacity .25s ease}body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header-wrapper:before{opacity:0}body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header__heading-logo--white{display:block}body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header__heading-logo--dark{display:none}body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header__icon,body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header__icon svg,body:has(.hd-pdp-line):not(.hd-nav-solid) .section-header .header__heading-link{color:#fff}body:has(.hd-pdp-line).hd-nav-solid .section-header .header-wrapper{border-bottom-color:#061a4a14}.hd-pdp-line{--rack-line: rgba(6, 26, 74, .55);background:var(--rack-bg, #EEF2FA);overflow:hidden}.hd-pdp-line__rope{position:absolute;left:0;right:0;top:calc(var(--hd-hdr, 140px) + 64px);width:100%;height:40px;overflow:visible}.hd-pdp-line__piece{position:absolute;top:calc(var(--hd-hdr, 140px) + 98px);left:36%}.hd-pdp-line__piece .hd-hang__garment{--gw: min(46vw, calc(min(700px, 100vh - 200px) / var(--ar, 1.3333)));width:var(--gw);margin-left:calc(var(--gw) / -2)}.hd-pdp-line__piece .hd-hang__img{animation:hd-drift 6s ease-in-out infinite alternate}.hd-pdp-line__piece .hd-hang__ph{width:100%}.hd-pdp-line__piece .hd-hang__garment{--pw: clamp(14px, calc(var(--gw) * .026), 22px)}.hd-pdp-line__piece .hd-hang__pin{width:var(--pw);height:calc(var(--pw) * 3.3);top:calc(var(--pw) * -2);margin-left:calc(var(--pw) / -2)}.hd-pdp-line--pair .hd-pdp-line__piece{left:18%;top:calc(var(--hd-hdr, 140px) + 86px)}.hd-pdp-line--pair .hd-pdp-line__piece--back{left:46%;top:calc(var(--hd-hdr, 140px) + 100px)}.hd-pdp-line--pair .hd-pdp-line__piece .hd-hang__garment{--gw: min(26vw, calc(min(700px, 100vh - 200px) / var(--ar, 1.3333)))}.hd-pdp-line__piece--back .hd-hang__img{animation-delay:-2.4s}@media(max-width:749px){.hd-rack{padding:48px 0 40px;--sag: 40px}.hd-rack__head{padding:0 16px;margin-bottom:28px}.hd-rack__track{justify-content:flex-start;gap:20px;padding:26px 16px 0}body .hd-col__card.hd-hang{width:42vw}body .hd-hang.hd-col__card .hd-col__quickadd{width:min(300px,86vw)}.hd-pdp-line{height:calc(var(--hd-hdr, 140px) + 110px + 56vw)!important}.hd-pdp-line__rope{top:calc(var(--hd-hdr, 140px) + 40px)}.hd-pdp-line__piece{top:calc(var(--hd-hdr, 140px) + 76px);left:50%}.hd-pdp-line__piece .hd-hang__garment{--gw: 70vw}.hd-pdp-line--pair .hd-pdp-line__piece{left:26%;top:calc(var(--hd-hdr, 140px) + 68px)}.hd-pdp-line--pair .hd-pdp-line__piece--back{left:74%}.hd-pdp-line--pair .hd-pdp-line__piece .hd-hang__garment{--gw: 44vw;--pw: 9px}.hd-rack__scroll,.hd-rack__rows--desk{display:none}.hd-rack__rows--phone{display:flex;flex-direction:column;gap:36px;padding:0 12px}.hd-rack__row{position:relative;display:flex;justify-content:space-around;align-items:stretch;padding-top:26px;--sag: 96px}.hd-rack__row .hd-hang__tag{margin-top:auto}.hd-rack__row .hd-hang__garment{margin-bottom:12px}.hd-rack__row .hd-rack__line{left:-12px;width:calc(100% + 24px)}body .hd-rack__row .hd-col__card.hd-hang{width:calc((100% - 8px) / var(--cols) - 10px)}.hd-rack__row .hd-hang__pin{top:-16px;width:8px;height:26px;margin-left:-4px}.hd-rack__row .hd-hang__garment[data-hook="1"]{--hw: 16px}.hd-pdp-line__piece .hd-hang__garment[data-hook="1"]{--hw: 28px}.hd-rack__row .hd-hang__tag{width:100%;padding:6px 8px 7px;border-radius:10px;max-width:100%;box-sizing:border-box}.hd-rack__row .hd-hang__name{font-size:15px}.hd-rack__row :is(.hd-hang__sub,.hd-hang__price){font-size:12px}.hd-rack__rows{gap:64px}.hd-rack__row .hd-hang__garment{position:static}body .hd-rack__row .hd-hang.hd-col__card .hd-col__quickadd-trigger{width:32px;height:32px;top:calc(100% + 8px);bottom:auto;left:calc(50% - 16px);right:auto}body .hd-rack__row .hd-hang.hd-col__card .hd-col__quickadd{top:calc(100% + 48px)}}@media(prefers-reduced-motion:reduce){.hd-hang:hover .hd-hang__img,.hd-pdp-line__piece .hd-hang__img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hd-rack.css.map */