@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b529365fa126a3f2-s.1yo2pz3g4u6be.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8e451580e5e95631-s.p.0ic9f6t6i9npx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato Fallback;src:local(Arial);ascent-override:101.03%;descent-override:21.8%;line-gap-override:0.0%;size-adjust:97.69%}.lato_886a85e2-module__mpncka__className{font-family:Lato,Lato Fallback;font-style:normal;font-weight:400}.lato_886a85e2-module__mpncka__variable{--font-lato:"Lato", "Lato Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--leading-relaxed:1.625;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-lato), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-500:lab(48.496% 0 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[5\/4\]{aspect-ratio:5/4}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-44{height:calc(var(--spacing) * 44)}.h-full{height:100%}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-dvh{min-height:100dvh}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-48{width:calc(var(--spacing) * 48)}.w-72{width:calc(var(--spacing) * 72)}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-\[540px\]{max-width:540px}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-black{border-color:var(--color-black)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-transparent{border-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-left{text-align:left}.font-sans{font-family:var(--font-lato), ui-sans-serif, system-ui, sans-serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0_5px_30px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 5px 30px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-neutral-400::placeholder{color:var(--color-neutral-400)}.focus-within\:border-black:focus-within{border-color:var(--color-black)}@media (hover:hover){.hover\:border-black:hover{border-color:var(--color-black)}.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.hover\:text-black:hover{color:var(--color-black)}.hover\:opacity-55:hover{opacity:.55}.hover\:opacity-75:hover{opacity:.75}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-black:focus-visible{outline-color:var(--color-black)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:px-9{padding-inline:calc(var(--spacing) * 9)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:#fff}body{margin:0;font-size:13px;font-weight:400;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:5px;outline:1px solid #000}::selection{color:#fff;background:#000}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:5px}.top-bar{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:65px;padding:0 30px;display:flex}.wordmark{font-size:18px;line-height:1}.catalog-layout{grid-template-columns:160px minmax(0,1fr);column-gap:35px;padding:38px 30px 110px;display:grid}.catalog-sidebar{padding-top:1px}.filter-trigger{align-items:center;gap:25px;padding:0;font-size:12px;display:flex}.category-list{flex-direction:column;align-items:flex-start;gap:17px;margin-top:34px;display:flex}.category{color:#898989;font-size:12px;line-height:1.3;transition:color .12s}.category:hover,.category.active{color:#000}.catalog-heading{justify-content:space-between;align-items:baseline;margin-bottom:30px;display:flex}.catalog-heading h1{font-size:14px;line-height:20px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:43px 30px;display:grid}.product-card{text-align:left;flex-direction:column;min-width:0;display:flex}.product-image{aspect-ratio:4/5;background:#fff;width:100%;margin-bottom:17px;position:relative}.product-image img{object-fit:contain;width:100%;height:100%;transition:opacity .18s}.product-image[data-unavailable]:after{content:attr(data-unavailable);color:#aaa;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.product-card:hover .product-image img{opacity:.75}.product-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;line-height:1.5;overflow:hidden}.product-meta{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:12px;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(55vh,530px);padding:60px 20px;display:flex}.main-view{padding:0 30px 110px}.add-view{width:100%;max-width:650px;margin:100px auto 0}.bottom-nav{z-index:40;padding-bottom:env(safe-area-inset-bottom);background:#fff;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:center;align-items:center;gap:14px;min-height:66px;padding:14px 24px;display:flex}.nav-button{color:#929292;padding:6px 0;font-size:13px;transition:color .12s}.nav-button.current,.nav-button:hover{color:#111}.nav-dot{color:#c8c8c8;font-size:12px}.field-label{color:#888;font-size:12px;display:block}.field-input{color:#111;width:100%;min-width:0;height:35px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e4e4e4;border-radius:0;outline:none;padding:5px 0;font-size:13px;display:block}.field-input:focus{border-color:#000}.field-input::placeholder{color:#bbb}.field-input:disabled{opacity:.5}.detail-sheet{animation:.18s ease-out slide-in;box-shadow:-4px 0 32px #00000008}.detail-sheet:has(button[disabled]) .sheet-close{pointer-events:none}.notice{z-index:45;background:#fff;border:1px solid #e5e5e5;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #00000006}.outfits-view{padding-top:38px}.outfits-head{justify-content:space-between;align-items:center;display:flex}.outfit-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:70px;margin-top:45px;display:grid}.outfit-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:20px;display:grid}.outfit-piece{text-align:left;border-bottom:1px solid #0000;min-width:0;padding-bottom:9px;position:relative}.outfit-piece[aria-pressed=true]{border-color:#111}.outfit-piece img{aspect-ratio:4/5;object-fit:contain;width:100%}.outfit-piece .selected-mark{background:#fff;position:absolute;top:0;right:0}.reference-image{object-fit:contain;width:100%;height:230px}.outfit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:38px;display:grid}.outfit-grid img{aspect-ratio:2/3;object-fit:contain;width:100%}@keyframes slide-in{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@media (min-width:1800px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);column-gap:55px}.product-grid{gap:45px}}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px}.catalog-layout{grid-template-columns:135px minmax(0,1fr);gap:25px}.outfit-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.outfit-workspace{gap:40px}}@media (max-width:900px){.product-grid,.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.top-bar{height:57px;padding:0 20px}.catalog-layout{padding:27px 20px 100px;display:block}.filter-trigger{gap:13px}.category-list{scrollbar-width:none;flex-direction:row;gap:22px;margin:24px -20px 31px;padding:0 20px 6px;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category{flex-shrink:0;font-size:11px}.catalog-heading{margin-bottom:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 22px}.product-image{margin-bottom:12px}.empty-state{min-height:44vh;padding:45px 5px}.main-view{padding:0 20px 100px}.add-view{margin-top:72px}.add-view input,.field-input{font-size:16px}.bottom-nav-inner{min-height:65px}.outfit-workspace{grid-template-columns:1fr;gap:36px;margin-top:32px}.outfit-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.outfits-view{padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
