.hib-outfit__wrap{display:block}.hib-outfit__header{margin-bottom:2.4rem}.hib-outfit__eyebrow{margin:0 0 .6rem;font-size:1.15rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.hib-outfit__title{margin:0;font-size:clamp(3.2rem,5vw,5.6rem);font-weight:800;line-height:.95;letter-spacing:-.01em;text-transform:uppercase}.hib-outfit__text{max-width:52ch;margin:1rem 0 0;font-size:1.5rem;line-height:1.5;opacity:.75}.hib-outfit__layout{display:grid;gap:2.4rem}@media screen and (min-width:990px){.hib-outfit__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem;align-items:start}.hib-outfit__left{position:sticky;top:2rem}}.hib-outfit__stage{position:relative;overflow:hidden;aspect-ratio:4 / 5;max-height:82vh;width:100%;border-radius:1.6rem;background:radial-gradient(46% 50% at 50% 45%,rgba(255,255,255,.34),rgba(255,255,255,.12) 50%,transparent 78%),radial-gradient(130% 100% at 50% 40%,#4a4a48,#262625 55%,#121212);color:#fff;perspective:1400px;touch-action:manipulation;transition:box-shadow .25s ease}.hib-outfit__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.18' stroke-linecap='round'%3E%3Cpath d='M20 120 L240 96' stroke-width='1'/%3E%3Cpath d='M380 40 L560 70' stroke-width='.8'/%3E%3Cpath d='M60 470 L300 520' stroke-width='1.2'/%3E%3Cpath d='M420 420 L590 380' stroke-width='.7'/%3E%3Cpath d='M300 260 L330 300' stroke-width='.6'/%3E%3Cpath d='M500 540 C520 500 560 520 580 480' stroke-width='.9'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px,600px 600px;mix-blend-mode:screen}.hib-outfit__grunge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-heading-family);text-transform:uppercase}.hib-outfit__grunge-word{position:absolute;font-weight:900;line-height:.9;letter-spacing:-.02em;white-space:nowrap;color:#ffffff0d}.hib-outfit__grunge-word--1{left:-2%;bottom:3%;font-size:clamp(6rem,16vw,15rem);color:transparent;-webkit-text-stroke:.15rem rgba(255,255,255,.08)}.hib-outfit__grunge-word--2{top:9%;left:5%;font-size:clamp(2.4rem,5vw,5rem);transform:rotate(-4deg)}.hib-outfit__grunge-word--3{top:26%;right:-2%;font-size:clamp(2rem,4vw,4rem);transform:rotate(90deg);transform-origin:right top}.hib-outfit__grunge-lines{position:absolute;right:6%;bottom:22%;font-family:var(--font-body-family);font-size:clamp(.9rem,1vw,1.1rem);font-weight:600;line-height:1.7;letter-spacing:.18em;text-align:right;color:#ffffff1c}.hib-outfit__grunge-stamp{position:absolute;top:14%;right:8%;padding:.4rem 1rem;border:.2rem solid rgba(255,255,255,.1);font-size:clamp(1.2rem,1.6vw,1.8rem);font-weight:900;letter-spacing:.12em;color:#ffffff1a;transform:rotate(12deg)}.hib-outfit__label{position:absolute;z-index:3;margin:0;color:#fff;font-size:clamp(1.1rem,1.2vw,1.3rem);font-weight:600;letter-spacing:.02em;pointer-events:none}.hib-outfit__label--tl{top:2rem;left:2rem}.hib-outfit__label--tr{top:2rem;right:2rem}.hib-outfit__label--bottom{left:50%;bottom:7.4rem;transform:translate(-50%);white-space:nowrap;font-size:clamp(1.3rem,1.5vw,1.6rem);font-weight:500}.hib-outfit__stage.is-over{box-shadow:inset 0 0 0 .3rem #fff}.hib-outfit__drop-hint{position:absolute;inset:45% 0 auto;z-index:5;margin:auto;width:max-content;padding:.8rem 1.6rem;border-radius:99rem;background:#fff;color:#0b0b0b;font-size:1.2rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(.8rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none}hib-outfit.is-dragging .hib-outfit__drop-hint{opacity:1;transform:none}.hib-outfit__doll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;opacity:0}hib-outfit.is-ready .hib-outfit__doll{opacity:1}.hib-outfit__garment{position:absolute;display:block;pointer-events:none}.hib-outfit__garment--bottom{transform:translateZ(10px)}.hib-outfit__garment--top{transform:translateZ(30px)}.hib-outfit__turn{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .22s cubic-bezier(.33,0,.2,1)}.hib-outfit__turn.is-turning-out{transform:rotateY(90deg) scale(.97);transition-timing-function:cubic-bezier(.6,0,.9,.5)}.hib-outfit__turn.is-turning-in{transform:rotateY(-90deg) scale(.97);transition:none}.hib-outfit__stage:before{content:"";position:absolute;top:50%;left:50%;z-index:4;width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem;border:.35rem solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:hib-outfit-spin .8s linear infinite;transition:opacity .3s ease}hib-outfit.is-ready .hib-outfit__stage:before{opacity:0;animation:none}@keyframes hib-outfit-spin{to{transform:rotate(360deg)}}.hib-outfit__layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .3s ease}.hib-outfit__layer img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;filter:drop-shadow(0 0 .06rem rgba(255,255,255,.35)) drop-shadow(0 1.4rem 2.2rem rgba(0,0,0,.55));-webkit-user-drag:none}.hib-outfit__shade{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;background:linear-gradient(100deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 62%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.14) 100%);pointer-events:none}.hib-outfit__drape{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='320' preserveAspectRatio='none'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03 0.0028' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.3 0.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") center / 100% 100% no-repeat,linear-gradient(112deg,transparent 24%,rgba(0,0,0,.12) 27.5%,rgba(255,255,255,.08) 30%,transparent 33%),linear-gradient(68deg,transparent 67%,rgba(255,255,255,.08) 70%,rgba(0,0,0,.12) 72.5%,transparent 76%),linear-gradient(180deg,transparent 80%,rgba(0,0,0,.12) 92%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,#00000057,#0000000f 16%,#ffffff24 42%,#ffffff0a 58%,#0000000f 82%,#00000057);opacity:.55}.hib-outfit__garment--top .hib-outfit__drape{opacity:.85}.hib-outfit__garment--top .hib-outfit__layer{transform-origin:50% 4%;animation:hib-outfit-sway 7s ease-in-out infinite}.hib-outfit__garment--bottom .hib-outfit__layer{transform-origin:50% 2%;animation:hib-outfit-sway 8s .6s ease-in-out infinite reverse}@keyframes hib-outfit-sway{0%,to{rotate:-.5deg;scale:1 1}50%{rotate:.5deg;scale:1.004 1.008}}.hib-outfit__layer.is-entering{animation:hib-outfit-in .55s cubic-bezier(.22,1.3,.36,1) both}.hib-outfit__layer.is-leaving{opacity:0;transform:scale(.96)}@keyframes hib-outfit-in{0%{opacity:0;transform:translateY(-8%) scale(1.04)}60%{opacity:1}to{opacity:1;transform:none}}.hib-outfit__view{position:absolute;left:1.4rem;bottom:1.4rem;z-index:6;display:inline-flex;padding:.4rem;border-radius:99rem;background:#fff;box-shadow:0 .4rem 1.4rem #0000001f}.hib-outfit__view-btn{min-height:3.6rem;padding:0 1.4rem;border:0;border-radius:99rem;background:transparent;color:#0b0b0b;font:inherit;font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.hib-outfit__view-btn[aria-pressed=true]{background:#0b0b0b;color:#fff}.hib-outfit__view-btn:focus-visible{outline:.3rem solid #0b0b0b;outline-offset:.2rem}.hib-outfit__note{position:absolute;right:1.4rem;top:5rem;z-index:6;max-width:48%;margin:0;padding:.6rem 1rem;border-radius:.8rem;background:#ffffffd9;font-size:1.1rem;line-height:1.3;text-align:right}.hib-outfit__note[hidden]{display:none}.hib-outfit__shuffle{position:absolute;bottom:1.4rem;right:1.4rem;z-index:6;display:inline-flex;align-items:center;gap:.6rem;min-height:4rem;padding:0 1.4rem;border:0;border-radius:99rem;background:#fff;color:#0b0b0b;font:inherit;font-size:1.15rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 .4rem 1.4rem #0000001f;cursor:pointer;transition:transform .2s ease}.hib-outfit__shuffle svg{width:1.6rem;height:1.6rem}.hib-outfit__shuffle:hover{transform:translateY(-.1rem) scale(1.03)}.hib-outfit__shuffle:focus-visible,.hib-outfit__tab:focus-visible,.hib-outfit__card:focus-visible{outline:.3rem solid #0b0b0b;outline-offset:.3rem}.hib-outfit__summary{display:grid;gap:1rem;margin-top:1.6rem;padding:1.6rem;border-radius:1.6rem;background:rgba(var(--color-foreground),.04)}.hib-outfit__pick{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;gap:1.2rem;align-items:center}.hib-outfit__pick:empty{display:none}.hib-outfit__pick-img{width:5.6rem;height:5.6rem;object-fit:contain;border-radius:1rem;background:#fff}.hib-outfit__pick-info{display:grid;gap:.2rem;min-width:0}.hib-outfit__pick-name{overflow:hidden;color:inherit;font-size:1.35rem;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.hib-outfit__pick-name:hover{text-decoration:underline}.hib-outfit__pick-price{font-size:1.3rem;opacity:.75}.hib-outfit__size{min-height:4.4rem;min-width:8rem;padding:0 3rem 0 1.2rem;border:.15rem solid rgba(var(--color-foreground),.2);border-radius:99rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230b0b0b' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") right 1rem center / 1.4rem no-repeat;color:#0b0b0b;font:inherit;font-size:1.3rem;font-weight:700;-webkit-appearance:none;appearance:none;cursor:pointer}.hib-outfit__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:1rem;border-top:.1rem solid rgba(var(--color-foreground),.1);font-size:1.4rem}.hib-outfit__total strong{font-size:1.8rem;font-weight:800}.hib-outfit__cta{width:100%}.hib-outfit__cta[disabled]{opacity:.5;cursor:not-allowed}.hib-outfit__msg:empty{display:none}.hib-outfit__msg{margin:0;color:#b3261e;font-size:1.3rem}.hib-outfit__hint{margin:0 0 1.2rem;font-size:1.3rem;opacity:.7}.hib-outfit__hint-touch{display:none}@media(hover:none){.hib-outfit__hint-desk{display:none}.hib-outfit__hint-touch{display:inline}}.hib-outfit__tabs{display:flex;gap:.8rem;margin:0 0 1.6rem;padding-bottom:.4rem;overflow-x:auto;scrollbar-width:none}.hib-outfit__tabs::-webkit-scrollbar{display:none}.hib-outfit__tab{flex-shrink:0;min-height:4.4rem;padding:0 1.8rem;border:.15rem solid rgba(var(--color-foreground),.18);border-radius:99rem;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.25rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hib-outfit__tab[aria-selected=true]{border-color:#0b0b0b;background:#0b0b0b;color:#fff}.hib-outfit__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.hib-outfit__items{max-height:68rem;overflow-y:auto;padding:.4rem .6rem .4rem .4rem;scrollbar-width:thin}}.hib-outfit__card{display:flex;flex-direction:column;gap:.4rem;width:100%;height:100%;padding:.8rem;border:.2rem solid transparent;border-radius:1.4rem;background:#f2f2f0;color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hib-outfit__card:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 1.8rem #00000014}.hib-outfit__card[aria-pressed=true]{border-color:#0b0b0b}.hib-outfit__card.is-source{opacity:.4}.hib-outfit__card.is-loading .hib-outfit__thumb{animation:hib-outfit-pulse .9s ease-in-out infinite}@keyframes hib-outfit-pulse{50%{opacity:.5}}.hib-outfit__thumb{display:block;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:#fff}.hib-outfit__thumb img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.hib-outfit__name{display:-webkit-box;overflow:hidden;margin-top:.2rem;font-size:1.2rem;font-weight:700;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hib-outfit__price{font-size:1.15rem;opacity:.7}.hib-outfit__empty{grid-column:1 / -1;padding:2rem;border-radius:1.2rem;background:#f2f2f0;font-size:1.3rem}.hib-outfit__more{display:inline-block;margin-top:1.4rem;color:inherit;font-size:1.25rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-underline-offset:.4rem}.hib-outfit__ghost{position:fixed;top:0;left:0;z-index:1000;width:11rem;height:11rem;padding:.6rem;border-radius:1.4rem;background:#ffffffeb;box-shadow:0 1.6rem 3.2rem #00000040;pointer-events:none;transition:opacity .2s ease,scale .2s ease}.hib-outfit__ghost img{width:100%;height:100%;object-fit:contain}.hib-outfit__ghost.is-dropped{opacity:0;scale:.4}.hib-outfit__ghost.is-cancelled{opacity:0}@media screen and (max-width:989px){.hib-outfit__stage{max-height:74vh;margin:0 auto}.hib-outfit__layout{display:flex;flex-direction:column}.hib-outfit__left{display:contents}.hib-outfit__stage{order:1}.hib-outfit__right{order:2;min-width:0}.hib-outfit__summary{order:3;margin-top:0}.hib-outfit__items{display:flex;gap:1rem;margin:0 -1.5rem;padding:.2rem 1.5rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hib-outfit__items::-webkit-scrollbar{display:none}.hib-outfit__item{flex:0 0 34%;scroll-snap-align:start}.hib-outfit__card:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.hib-outfit__layer,.hib-outfit__layer.is-entering,.hib-outfit__stage:before{animation:none!important}.hib-outfit__doll{transition:none}}@media screen and (max-width:599px){.hib-outfit__stage{aspect-ratio:3 / 4}.hib-outfit__label--bottom,.hib-outfit__grunge-lines{display:none}.hib-outfit__label--tl,.hib-outfit__label--tr{top:1.4rem}.hib-outfit__label--tl{left:1.4rem}.hib-outfit__label--tr{right:1.4rem}.hib-outfit__view-btn,.hib-outfit__shuffle{padding:0 1.1rem}}.hib-outfit__item--skeleton span{display:block;aspect-ratio:.78;border-radius:1.4rem;background:linear-gradient(100deg,#efefed 30%,#f8f8f6,#efefed 70%) 0 0 / 300% 100%;animation:hib-outfit-skeleton 1.2s linear infinite}@keyframes hib-outfit-skeleton{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.hib-outfit__item--skeleton span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hib-outfit.css.map */