.wts-view{position:absolute;top:14px;right:14px;z-index:8;display:flex;padding:3px;border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 6px 22px #00000024}.wts-view[hidden]{display:none}.wts-view button{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;background:none;color:#1d1d1f;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease}.wts-view button svg{width:15px;height:15px}.wts-view button[aria-pressed=true]{background:#1d1d1f;color:#fff}.wts.is-room .wts__stage{padding:0}.wts.is-room .wts__stage-inner,.wts.is-room .wts__stage-inner.is-square{max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}.wts.is-room .wts__bg-layer,.wts.is-room .wts__media-overlay,.wts.is-room .wts__loadbar{visibility:hidden}.wts.is-room.is-room-full .wts__stage{position:fixed;left:0;top:0;z-index:2147483000;width:calc(100vw / var(--wts-room-unzoom, 1));height:calc(100vh / var(--wts-room-unzoom, 1));height:calc(100dvh / var(--wts-room-unzoom, 1));padding:0}.wts.is-room.is-room-full .wts__stage-inner{width:100%;height:100%}.wts-room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;background:#e7e3dc;color:#1d1d1f}.wts-room[hidden]{display:none!important}.wts-room__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.wts-room__gl{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}.wts-room__gl:active{cursor:grabbing}.wts-room__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#fbfaf8;opacity:0;pointer-events:none;transition:opacity .28s ease}.wts-room__flash.is-on{opacity:.92}.wts-room__load{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;background:#f0ede88c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wts-room__load[hidden]{display:none}.wts-room__load-box{display:grid;justify-items:center;gap:12px;font-size:13.5px;font-weight:600;color:#1d1d1f}.wts-room__load-bar{width:180px;height:4px;border-radius:4px;background:#0000001a;overflow:hidden}.wts-room__load-bar:before{content:"";display:block;height:100%;width:var(--p, 0%);background:var(--wts-accent, #ab8c52);border-radius:4px;transition:width .2s ease}.wts-room__dock{position:absolute;right:16px;bottom:16px;z-index:7;display:flex;align-items:center;gap:2px;padding:5px;border-radius:18px;background:#fffffff5;box-shadow:0 8px 26px #00000024;transition:opacity .3s ease}.wts-room__dock-item{position:relative}.wts-room__dock-btn{position:relative;display:flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 8px;border:0;border-radius:13px;background:none;color:#1d1d1f;font:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}.wts-room__dock-btn i{display:grid;place-items:center;width:26px;height:26px}.wts-room__dock-btn svg{width:19px;height:19px}.wts-room__dock-btn span{font-size:13px;font-weight:600;letter-spacing:-.005em}.wts-room__dock-btn:hover{background:#f1f1f3}.wts-room__dock-item.is-open .wts-room__dock-btn,.wts-room__dock-btn.is-on{background:#1d1d1f;color:#fff}.wts-room__dock-btn--full span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wts-room__dock-btn--full{padding:0 8px}.wts-room__try{background:var(--wts-cta, #8f7240);color:#fff;margin-right:4px}.wts-room__try:hover{background:color-mix(in srgb,var(--wts-cta, #8f7240) 88%,#000)}.wts-room[data-space]:not([data-space=home]) .wts-room__dock-item--looks{display:none}.wts-room__fly{position:absolute;right:0;bottom:calc(100% + 12px);z-index:2;min-width:230px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 12px 36px #0000002e;animation:wts-room-fly .2s ease both}.wts-room__fly[hidden]{display:none}@keyframes wts-room-fly{0%{opacity:0}to{opacity:1}}.wts-room__fly-title{margin:0 4px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73}.wts-room__shots,.wts-room__spaces{display:grid;gap:4px}.wts-room__shot,.wts-room__space{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:13px;background:none;color:#1d1d1f;font:inherit;font-size:13.5px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}.wts-room__shot svg{width:18px;height:18px;flex:none}.wts-room__space i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#f1f1f3}.wts-room__space i svg{width:18px;height:18px}.wts-room__shot:hover,.wts-room__space:hover{background:#f3f3f5}.wts-room__shot.is-on,.wts-room__space.is-on{background:#1d1d1f;color:#fff}.wts-room__space.is-on i{background:#ffffff24}.wts-room__looks{display:grid;grid-template-columns:repeat(5,36px);gap:8px;padding:2px 4px}.wts-room__look{width:36px;height:36px;padding:3px;border:0;border-radius:50%;background:none;box-shadow:inset 0 0 0 1px #00000024;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.wts-room__look:hover{transform:scale(1.08)}.wts-room__look span{display:block;width:100%;height:100%;border-radius:50%}.wts-room__look.is-on{box-shadow:inset 0 0 0 2px #1d1d1f}.wts-room__look-auto{display:grid!important;place-items:center;background:#f1efeb;color:#1d1d1f;font-size:11px;font-weight:700}.wts-room__lookname{margin:10px 4px 0;font-size:12px;font-weight:600;color:#6e6e73}.wts-room.is-showcase .wts-room__dock,.wts-room.is-showcase .wts-room__hint{visibility:hidden;pointer-events:none}.wts-room__pour{position:absolute;right:16px;bottom:74px;z-index:7;display:grid;gap:12px;width:min(320px,calc(100% - 40px));max-height:calc(100% - 150px);overflow-y:auto;padding:14px 16px 16px;border-radius:20px;background:#fff;box-shadow:0 12px 36px #0000002e;color:#1d1d1f;-webkit-user-select:none;user-select:none;animation:wts-room-pour .2s ease both}.wts-room__pour[hidden]{display:none}@keyframes wts-room-pour{0%{opacity:0}to{opacity:1}}.wts-room__pour-head{display:flex;align-items:center;justify-content:space-between}.wts-room__pour-head b{font-size:16px;font-weight:700;letter-spacing:-.01em}.wts-room__pour-close{width:30px;height:30px;border:0;border-radius:50%;background:#0000000f;color:#1d1d1f;font-size:18px;line-height:1;cursor:pointer}.wts-room__pour-hint{margin:-6px 0 0;font-size:12.5px;color:#6e6e73;transition:color .2s ease}.wts-room__pour-hint.is-flash{color:#1d1d1f;font-weight:600}.wts-room__pour-hint.is-flash.is-good{color:var(--g-gold, #8f7240)}.wts-room__pour-group{display:grid;gap:6px}.wts-room__pour-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73}.wts-room__pour-note{margin:0;font-size:11.5px;color:#6e6e73}.wts-room__close-cab{position:absolute;top:16px;left:calc(var(--g-panel-w, 0px) + 32px);z-index:7;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #0003;animation:wts-room-pour .2s ease both}.wts-room__close-cab[hidden]{display:none}.wts-room__close-cab span{font-size:18px;line-height:1}@media(max-width:999px){.wts-room__close-cab{top:auto;bottom:calc(var(--wts-card-h, 0px) + 12px);left:50%;transform:translate(-50%)}}@media(max-width:999px)and (orientation:landscape)and (max-height:560px){.wts-room__close-cab{bottom:12px;left:calc(var(--g-panel-w, 0px) + 24px + (100% - var(--g-panel-w, 0px) - 24px) / 2)}}.wts-room__pour-group--tasks{padding-top:10px;border-top:1px solid rgba(0,0,0,.07)}.wts-room__pour-group--tasks .wts-room__pour-row{grid-template-columns:1fr}.wts-room__task{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 12px 6px 8px;border:0;border-radius:12px;background:#f4f4f6;color:#1d1d1f;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease,opacity .2s ease}.wts-room__task:hover{background:#ececf0}.wts-room__task i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--c, #1d1d1f);box-shadow:0 1px 3px #00000014}.wts-room__task i svg{width:15px;height:15px;display:block}.wts-room__pour.is-task .wts-room__task{opacity:.45;pointer-events:none}.wts-room__pour-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wts-room__pour-row>.wts-room__water:last-child:nth-child(odd){grid-column:1 / -1}.wts-room__water{--c: #1d1d1f;position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:50px;padding:7px 14px 7px 9px;border:0;border-radius:14px;background:#f4f4f6;color:#1d1d1f;font:inherit;text-align:left;cursor:pointer;touch-action:none;-webkit-touch-callout:none;transition:transform .12s ease,background .2s ease,color .2s ease}.wts-room__water:hover{background:#ececf0}.wts-room__water[data-water=boiling],.wts-room__task [data-sym=boiling]{--c: #c8372d}.wts-room__water[data-water=chilled],.wts-room__task [data-sym=chilled]{--c: #2f6fe0}.wts-room__water[data-water=sparkling],.wts-room__task [data-sym=sparkling]{--c: #23964a}.wts-room__water[data-water=ambient],.wts-room__task [data-sym=ambient]{--c: #5f7fa6}.wts-room__water i{grid-row:1 / 3;align-self:center;justify-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--c);box-shadow:0 1px 3px #00000014}.wts-room__water i svg{width:18px;height:18px;display:block}.wts-room__water[data-water=hot]{--r1: #d8442f;--r2: #f4a24f}.wts-room__water[data-water=cold]{--r1: #2f6fe0;--r2: #7cc4f5}.wts-room__water[data-water=hot] i,.wts-room__water[data-water=cold] i{position:relative;background:#fff}.wts-room__water[data-water=hot] i:before,.wts-room__water[data-water=cold] i:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:conic-gradient(from 200deg,var(--r1),var(--r2),var(--r1));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}.wts-room__water span{font-size:13.5px;font-weight:600;line-height:1.2}.wts-room__water small{font-size:11px;line-height:1.25;color:#6e6e73}.wts-room__water small:empty,.wts-room__water span:empty{display:none}.wts-room__water span:only-of-type:not(:empty)+small:empty,.wts-room__water span:empty+small{grid-row:1 / 3;align-self:center}.wts-room__water:active,.wts-room__water.is-on{transform:scale(.97)}.wts-room__water.is-on,.wts-room__water[aria-pressed=true]{background:var(--g-gold, #8f7240);color:#fff}.wts-room__water.is-on small,.wts-room__water[aria-pressed=true] small{color:#ffffffd9}.wts-room__water--lock i{color:#1d1d1f}.wts-room__water--lock.is-holding i{animation:wts-room-lock 1s linear forwards}.wts-room__water--lock.is-on{background:var(--g-gold, #8f7240);color:#fff}.wts-room__water--lock.is-on i{color:var(--g-gold, #8f7240)}.wts-room__water--lock.is-on small{color:#fff;font-weight:600}.wts-room__water.is-denied{animation:wts-room-shake .4s ease}@keyframes wts-room-lock{0%{box-shadow:0 0 0 0 var(--wts-accent, #ab8c52)}to{box-shadow:0 0 0 5px var(--wts-accent, #ab8c52)}}@keyframes wts-room-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.wts-room__use{position:absolute;right:calc(28px + min(320px,100% - 40px));bottom:74px;z-index:7;display:grid;grid-template-columns:36px 1fr 24px;gap:12px;align-items:start;width:min(340px,calc(100% - 420px));padding:14px;border-radius:18px;background:#fff;color:#1d1d1f;box-shadow:0 12px 36px #0000002e;animation:wts-room-pour .3s ease both}.wts-room__use[hidden]{display:none}.wts-room__use i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f6efe2;color:#7a5f30}.wts-room__use i svg{width:20px;height:20px}.wts-room__use b{display:block;margin:1px 0 3px;font-size:14px;font-weight:700}.wts-room__use p{margin:0;font-size:13px;line-height:1.45;color:#3a3a3c}.wts-room__use button{width:24px;height:24px;border:0;border-radius:50%;background:#f3f3f5;color:#1d1d1f;font-size:15px;line-height:1;cursor:pointer}.wts-room__missing{position:absolute;left:50%;top:40%;z-index:6;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;width:min(380px,calc(100% - 32px));padding:18px 20px;border-radius:16px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000024;text-align:center;color:#1d1d1f}.wts-room__missing[hidden]{display:none}.wts-room__missing p{margin:0;font-size:14.5px;font-weight:600}.wts-room__missing small{font-size:12px;line-height:1.45;color:#6e6e73;overflow-wrap:anywhere}.wts-room__missing small:empty{display:none}.wts-room__missing button{height:36px;padding:0 16px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.wts-room__pins{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.wts-room__pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;margin:-11px 0 0 -11px;padding:0;border:0;background:none;font:inherit;pointer-events:auto;transition:opacity .3s ease;will-change:transform}.wts-room__pin.is-off{opacity:0;pointer-events:none}.wts-room__pin i{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 10px #00000040}.wts-room__pin i:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--wts-accent, #ab8c52)}.wts-room__pin.is-action i:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7)}.wts-room__pin b{padding:6px 10px;border-radius:999px;background:#161618bd;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wts-room__pin:not(.is-action) i{width:14px;height:14px;margin:4px}.wts-room__pin:not(.is-action) i:after{top:4px;right:4px;bottom:4px;left:4px;background:#1d1d1f}.wts-room__pin.is-action{cursor:pointer}.wts-room__pin.is-left{flex-direction:row-reverse;translate:calc(-100% + 22px) 0}.wts-room__pin.is-action:hover b{background:#1d1d1f}@keyframes wts-room-pulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}.wts-room__hint{position:absolute;left:50%;top:36%;z-index:4;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:#161618b3;color:#fff;font-size:13px;font-weight:600;pointer-events:none;animation:wts-room-hint 5s ease forwards 1.6s;opacity:0;white-space:nowrap}.wts-room__hint svg{width:18px;height:18px}.wts-room__hint.is-gone{display:none}@keyframes wts-room-hint{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@media(max-width:999px){.wts-room__dock{top:58px;right:10px;bottom:auto;padding:4px;border-radius:15px}.wts-room__dock-btn{height:38px;padding:0 8px}.wts-room__dock-btn:not(.wts-room__try) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wts-room__fly{top:calc(100% + 8px);bottom:auto;min-width:210px}.wts-room__pour{left:8px;right:8px;top:auto;bottom:calc(68px + env(safe-area-inset-bottom));width:auto;max-height:calc(100% - 200px);padding:10px 12px 12px;gap:8px;border-radius:18px}.wts-room__water{min-height:42px;padding:6px 10px 6px 8px}.wts-room__use{left:8px;right:8px;top:104px;bottom:auto;width:auto}.wts-room__pin b{font-size:11px;padding:5px 8px}.wts-room__hint{top:30%;font-size:12px}}@media(min-width:1000px)and (max-height:760px){.wts-room__pour{gap:8px;padding:12px 14px;max-height:calc(100% - 130px)}.wts-room__water{min-height:40px;padding:5px 12px 5px 9px}.wts-room__task{min-height:34px}.wts-room__pour-group--tasks{padding-top:8px}}@media(max-width:999px){.wts.wts--game.is-pouring .wts__panelwrap{visibility:hidden;opacity:0;pointer-events:none}.wts.is-pouring .wts-room__pour{bottom:calc(8px + env(safe-area-inset-bottom));max-height:calc(100% - 120px);overflow-y:auto}}@media(max-width:999px)and (orientation:landscape)and (max-height:560px){.wts-room__dock{top:50px;right:8px}.wts-room__pour,.wts.is-pouring .wts-room__pour{left:8px;right:auto;top:8px;bottom:8px;width:min(42vw,360px);max-height:none;overflow-y:auto;gap:6px;padding:8px 12px}.wts-room__pour-hint,.wts-room__pour-note{display:none}.wts-room__pour-group{gap:4px}.wts-room__pour-label{font-size:10px}.wts-room__water{min-height:34px;padding:3px 10px 3px 8px}.wts-room__water span{font-size:12.5px}.wts-room__water{grid-template-columns:26px 1fr}.wts-room__water i{width:26px;height:26px}.wts-room__water i svg{width:15px;height:15px}.wts-room__water[data-water=hot] i:before,.wts-room__water[data-water=cold] i:before{top:3px;right:3px;bottom:3px;left:3px}.wts-room__task{min-height:30px;padding:4px 10px;font-size:12px}.wts-room__pour-group--tasks{padding-top:6px}.wts-room__pour-head b{font-size:14px}.wts-room__pour-close{width:26px;height:26px}.wts-room__use{left:auto;right:8px;top:100px;width:min(300px,38vw)}.wts-room__hint{left:calc(50% + min(21vw,180px))}}@media(prefers-reduced-motion:reduce){.wts-room__pin.is-action i:before,.wts-room__hint,.wts-room__fly,.wts-room__pour{animation:none}}.wts-room__load-bar{position:relative}.wts-room__load-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ab8c5200,#ab8c528c,#ab8c5200);background-size:50% 100%;background-repeat:no-repeat;animation:wts-room-shim 1.2s linear infinite}@keyframes wts-room-shim{0%{background-position:-50% 0}to{background-position:150% 0}}@media(prefers-reduced-motion:reduce){.wts-room__load-bar:after{animation:none}}@media(max-width:999px)and (orientation:landscape)and (max-height:560px){.wts-room__use{top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;right:10px!important;left:auto!important;width:min(300px,38vw)!important}}.wts-room__dock{top:calc(var(--g-edge, 16px) + 56px);right:var(--g-edge, 16px);bottom:auto;flex-direction:column;gap:4px;padding:5px;border-radius:26px}.wts-room__dock-item{display:flex}.wts-room__dock-btn,.wts-room__dock-btn--full{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.wts-room__try{margin:0 0 2px}.wts-room__dock-btn span,.wts-room__dock-btn--full span{position:absolute;right:calc(100% + 10px);top:50%;width:auto;height:auto;overflow:visible;clip:auto;transform:translateY(-50%);padding:6px 10px;border-radius:9px;background:#161618e6;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.wts-room__dock-btn:hover span,.wts-room__dock-btn:focus-visible span{opacity:1}.wts-room__dock-item.is-open .wts-room__dock-btn span{opacity:0}.wts-room__fly{top:0;right:calc(100% + 12px);bottom:auto}@media(min-width:1000px){.wts-room__pour{right:calc(var(--g-edge, 16px) + 66px);bottom:auto;top:calc(var(--g-edge, 16px) + 56px);max-height:calc(100% - var(--g-edge, 16px) * 2 - 72px)}.wts-room__use{right:calc(var(--g-edge, 16px) + 66px + min(320px,100% - 40px) + 12px);bottom:auto;top:calc(var(--g-edge, 16px) + 56px)}}@media(max-width:999px){.wts-room__dock{top:58px;right:10px;padding:4px;gap:2px}.wts-room__dock-btn,.wts-room__dock-btn--full{width:40px;height:40px}.wts-room__dock-btn:not(.wts-room__try) span,.wts-room__dock-btn span{position:absolute;width:auto;height:auto;overflow:visible;clip:auto}.wts-room__fly{top:0;right:calc(100% + 8px)}}@media(max-width:999px)and (orientation:landscape)and (max-height:560px){.wts-room__dock{top:50px;right:8px}.wts-room__dock-btn,.wts-room__dock-btn--full{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/wts-3d-room.css.map */