:root{--parchment: #f0ede6;--void: #0d0d0b;--acid: #c8f000;--grid: #c0bbb0;--dust: #e8e4dc;--white: #ffffff;--font-condensed: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--panel-w: 25vw;--bar-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--parchment);color:var(--void);font-family:var(--font-body);font-weight:300;font-size:13px;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{text-decoration:none;color:inherit}ul{list-style:none}.sink-app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--parchment)}.sink-body{display:flex;flex:1;overflow:hidden;min-height:0}.sink-panel{width:var(--panel-w);min-width:180px;flex-shrink:0;border-right:.5px solid var(--grid);display:flex;flex-direction:column;overflow:hidden;padding:20px 16px 0}.sink-panel__step{font-family:var(--font-body);font-weight:400;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#0d0d0b73;margin-bottom:8px}.sink-panel__headline{font-family:var(--font-condensed);font-weight:900;font-size:28px;letter-spacing:.01em;text-transform:uppercase;line-height:1;margin-bottom:16px}.sink-panel__tabs{display:flex;gap:4px;margin-bottom:12px}.sink-tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;background:var(--dust);border:none;cursor:pointer;transition:background .15s,color .15s}.sink-tab--active{background:var(--void);color:var(--white)}.sink-tab__label{font-family:var(--font-condensed);font-weight:900;font-size:11px;letter-spacing:.06em}.sink-tab__price{font-family:var(--font-body);font-weight:300;font-size:9px;letter-spacing:.04em;margin-top:1px;opacity:.7}.sink-tab--active .sink-tab__price{opacity:.8}.sink-panel__divider{height:.5px;background:var(--grid);margin-bottom:12px}.sink-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;overflow-y:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--grid) transparent}.sink-swatches::-webkit-scrollbar{width:3px}.sink-swatches::-webkit-scrollbar-thumb{background:var(--grid);border-radius:2px}.sink-swatch{display:flex;flex-direction:column;align-items:flex-start;background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:opacity .15s}.sink-swatch:hover{opacity:.85}.sink-swatch__img-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;outline:1.5px solid transparent;transition:outline-color .12s}.sink-swatch--selected .sink-swatch__img-wrap{outline-color:var(--void)}.sink-swatch__img{width:100%;height:100%;object-fit:cover;display:block}.sink-swatch__check{position:absolute;top:4px;left:4px;width:18px;height:18px;background:var(--void);display:flex;align-items:center;justify-content:center}.sink-swatch__name{font-family:var(--font-body);font-weight:400;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;line-height:1.2;color:var(--void)}.sink-swatch__type{font-family:var(--font-body);font-weight:300;font-size:8px;letter-spacing:.06em;color:#0d0d0b80;line-height:1.2}.sink-viewer-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0}.sink-viewer__logo{position:absolute;top:14px;right:16px;z-index:10;font-family:var(--font-condensed);font-weight:900;font-size:18px;letter-spacing:.05em;text-transform:uppercase;color:var(--void);pointer-events:none;-webkit-user-select:none;user-select:none}.sink-viewer__logo sup{font-size:8px;vertical-align:super}.sink-viewer{flex:1;min-height:0;position:relative}.sink-viewer__loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--parchment);font-family:var(--font-body);font-weight:300;font-size:12px;letter-spacing:.08em;color:#0d0d0b59}.sink-viewer__label{display:flex;flex-direction:column;align-items:center;padding:12px 0 14px;border-top:.5px solid var(--grid);flex-shrink:0}.sink-viewer__label-name{font-family:var(--font-condensed);font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase}.sink-viewer__label-code{font-family:var(--font-body);font-weight:300;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#0d0d0b73;margin-top:2px}.sink-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:5;animation:sink-hint-fadein .4s ease both}.sink-hint--out{animation:sink-hint-fadeout .4s ease both}.sink-hint__icon{width:42px;height:42px;color:#0d0d0b52;animation:sink-hint-spin 2.8s linear infinite}.sink-hint__label{font-family:var(--font-condensed);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#0d0d0b4d}.sink-hint__mobile{display:none}.sink-hint__desktop{display:inline}@media(hover:none)and (pointer:coarse){.sink-hint__desktop{display:none}.sink-hint__mobile{display:inline}}@keyframes sink-hint-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sink-hint-fadeout{0%{opacity:1}to{opacity:0}}@keyframes sink-hint-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sink-bar{height:var(--bar-h);background:var(--void);color:var(--white);display:flex;align-items:center;padding:0 20px;flex-shrink:0;gap:16px;border-top:.5px solid rgba(255,255,255,.06)}.sink-bar__fabric{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:200px}.sink-bar__thumb{width:44px;height:44px;object-fit:cover;display:block;flex-shrink:0}.sink-bar__info{display:flex;flex-direction:column;gap:2px}.sink-bar__name{font-family:var(--font-condensed);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase}.sink-bar__meta{font-family:var(--font-body);font-weight:300;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}.sink-bar__right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.sink-bar__price{font-family:var(--font-condensed);font-weight:900;font-size:20px;letter-spacing:.02em;white-space:nowrap;color:#ffffff8c;flex-shrink:0}.sink-bar__cta{background:var(--void);color:var(--white);font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:0 24px;height:44px;display:flex;align-items:center;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.sink-bar__cta:hover{background:var(--acid);color:var(--void);border-color:var(--acid)}.sink-bar__share{font-family:var(--font-condensed);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;padding:0 12px;height:44px;border:.5px solid rgba(255,255,255,.2);transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.sink-bar__share:hover{color:var(--white);border-color:#ffffff80}@media(max-width:768px){:root{--panel-w: 100%;--bar-h: 60px}.sink-app{height:100dvh}.sink-body{flex-direction:column}.sink-viewer-area{order:-1;height:32vh;min-height:160px;flex:none}.sink-panel{width:100%;min-width:0;flex:1;border-right:none;border-bottom:none;overflow-y:auto;overflow-x:hidden;order:0;padding:12px 12px 0}.sink-panel__step{display:none}.sink-panel__headline{font-size:22px;margin-bottom:10px}.sink-panel__tabs,.sink-panel__divider{margin-bottom:8px}.sink-viewer__label{display:none}.sink-bar{height:var(--bar-h);flex-wrap:nowrap;padding:0 12px;gap:8px}.sink-bar__fabric{min-width:0;gap:8px;flex-shrink:0}.sink-bar__thumb{width:36px;height:36px}.sink-bar__name{font-size:12px}.sink-bar__meta{font-size:8px}.sink-bar__price{display:none}.sink-bar__right{flex:1;gap:6px;min-width:0}.sink-bar__cta{flex:1;justify-content:center;font-size:11px;padding:0 10px;height:40px;min-width:0}.sink-bar__cta-detail{display:none}.sink-bar__share{padding:0 10px;height:40px;font-size:10px;flex-shrink:0}}