.wt-tray{
  --wt-grain: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cfilter%20id%3D%22n%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%223%22%20seed%3D%2224%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20filter%3D%22url%28%23n%29%22%20opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E");
  --wt-woodgrain: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cfilter%20id%3D%22w%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.007%20.18%22%20numOctaves%3D%223%22%20seed%3D%2216%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3CfeFuncG%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3CfeFuncB%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22360%22%20height%3D%22240%22%20filter%3D%22url%28%23w%29%22%2F%3E%3C%2Fsvg%3E");
  --wt-leathergrain: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22l%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.33%22%20numOctaves%3D%223%22%20seed%3D%228%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeDiffuseLighting%20lighting-color%3D%22%23fff%22%20surfaceScale%3D%222.5%22%20diffuseConstant%3D%22.75%22%3E%3CfeDistantLight%20azimuth%3D%22225%22%20elevation%3D%2250%22%2F%3E%3C%2FfeDiffuseLighting%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url%28%23l%29%22%2F%3E%3C%2Fsvg%3E");
  --wt-shape: polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);
  --wt-radius: 0%;
  --wt-well-inset: 8.5%;
  --wt-bed-inset: 12%;
  --wt-die-size: 17%;
  --wt-die-top: #fff9e9;
  --wt-die-bottom: #d8caaa;
  --wt-pip-color: #242629;
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  isolation: isolate;
  flex: none;
  filter: drop-shadow(0 1px 1px rgba(37,24,12,.28)) drop-shadow(0 12px 10px rgba(37,24,12,.17));
  -webkit-tap-highlight-color: transparent;
}
.wt-tray,.wt-tray *{ box-sizing: border-box; }
.wt-tray .wt-base,.wt-tray .wt-rim-edge,.wt-tray .wt-rim,.wt-tray .wt-lip,.wt-tray .wt-well,.wt-tray .wt-bed{
  position: absolute;
  clip-path: var(--wt-shape);
  border-radius: var(--wt-radius);
  pointer-events: none;
}
.wt-tray .wt-base{
  inset: 2% .2% -1.8%;
  background: linear-gradient(90deg,#21150e,#4f301c 24%,#3e2618 75%,#180e09);
}
.wt-tray .wt-rim-edge{
  inset: 0;
  background: linear-gradient(140deg,#d6b283 0%,#896747 24%,#46301e 56%,#211308 78%,#725131 100%);
}
.wt-tray .wt-rim{
  inset: .65%;
  background: #705033;
  overflow: hidden;
}
.wt-tray .wt-board{
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(var(--wt-light,145deg),#926941,#5c3c23 58%,#795130);
  clip-path: var(--wt-board-shape);
}
.wt-tray .wt-board::before{
  content: "";
  position: absolute;
  inset: -45%;
  transform: rotate(var(--wt-grain-angle,0deg));
  background: var(--wt-woodgrain) 42% 50% / 360px 240px repeat;
  opacity: .75;
  mix-blend-mode: soft-light;
}
.wt-tray .wt-board::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(130deg,rgba(255,221,168,.15),transparent 50%,rgba(0,0,0,.17));
}
.wt-tray .wt-joints{
  position: absolute;
  inset: .65%;
  width: 98.7%; height: 98.7%;
  fill: none;
  stroke: rgba(25,12,4,.5);
  stroke-width: .18;
  pointer-events: none;
  overflow: visible;
}
.wt-tray .wt-lip{
  inset: 7.3%;
  background: linear-gradient(145deg,#2c1a0e,#402414 44%,#ae8556 89%,#89633d);
}
.wt-tray .wt-well{
  inset: var(--wt-well-inset);
  background: linear-gradient(180deg,#0b1b14 0%,#1b382a 24%,#254b39 61%,#4b6e4c 100%);
}
.wt-tray .wt-bed{
  inset: var(--wt-bed-inset);
  background:
    radial-gradient(ellipse at 44% 70%,rgba(92,132,91,.20),transparent 75%),
    linear-gradient(150deg,#254e3c,#315f48 58%,#224332);
  overflow: hidden;
}
.wt-tray .wt-bed::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--wt-grain) 0 0 / 115px 115px repeat;
  mix-blend-mode: soft-light;
  opacity: .52;
}
.wt-tray .wt-bed::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20),transparent 13%,transparent 90%,rgba(255,240,188,.035)),
    radial-gradient(ellipse at 50% 60%,transparent 33%,rgba(0,0,0,.10) 78%,rgba(0,0,0,.23));
}
.wt-tray .wt-inset-shadow{
  position: absolute;
  inset: var(--wt-bed-inset);
  width: calc(100% - var(--wt-bed-inset) * 2);
  height: calc(100% - var(--wt-bed-inset) * 2);
  pointer-events: none;
  overflow: visible;
}
.wt-tray .wt-stitch{
  position: absolute;
  pointer-events: none;
  fill: none;
  overflow: visible;
  stroke-linecap: round;
}
.wt-tray .wt-dice-layer{
  position: absolute;
  inset: var(--wt-bed-inset);
  z-index: 2;
}
.wt-tray .wt-die{
  position: absolute;
  left: var(--wt-x,50%);
  top: var(--wt-y,50%);
  width: var(--wt-die-size);
  aspect-ratio: 1;
  transform: translate(-50%,-50%) rotate(var(--wt-angle,0deg));
  border-radius: 22%;
  background:
    radial-gradient(ellipse at 30% 12%,rgba(255,255,255,.95),transparent 70%),
    linear-gradient(145deg,var(--wt-die-top) 8%,#f2e8d1 68%,var(--wt-die-bottom));
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.95),
    inset 1px 0 1px rgba(255,255,255,.7),
    inset -1px -2px 2px rgba(133,110,74,.24),
    0 2px 0 #c2b69f,
    1px 4px 0 #a89d88,
    2px 6px 4px rgba(0,0,0,.24),
    4px 10px 9px rgba(0,0,0,.20);
}
.wt-tray .wt-die::after{
  content: "";
  position: absolute;
  inset: 3%;
  border-radius: 20%;
  border: 1px solid rgba(255,255,255,.24);
  pointer-events: none;
}
.wt-tray .wt-pips{
  position: absolute;
  inset: 17%;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: repeat(3,1fr);
  gap: 10%;
}
.wt-tray .wt-pip{
  width: 83%; height: 83%;
  justify-self: center; align-self: center;
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle at 62% 70%,#414140 0%,var(--wt-pip-color) 64%,#101213 100%);
  box-shadow: inset 0 1px 1.5px rgba(0,0,0,.8),0 .6px 0 rgba(255,255,255,.8);
}
.wt-tray .wt-die[data-value="1"] .wt-pip:nth-child(5),.wt-tray .wt-die[data-value="2"] .wt-pip:nth-child(1),.wt-tray .wt-die[data-value="2"] .wt-pip:nth-child(9),.wt-tray .wt-die[data-value="3"] .wt-pip:nth-child(1),.wt-tray .wt-die[data-value="3"] .wt-pip:nth-child(5),.wt-tray .wt-die[data-value="3"] .wt-pip:nth-child(9),.wt-tray .wt-die[data-value="4"] .wt-pip:nth-child(1),.wt-tray .wt-die[data-value="4"] .wt-pip:nth-child(3),.wt-tray .wt-die[data-value="4"] .wt-pip:nth-child(7),.wt-tray .wt-die[data-value="4"] .wt-pip:nth-child(9),.wt-tray .wt-die[data-value="5"] .wt-pip:nth-child(1),.wt-tray .wt-die[data-value="5"] .wt-pip:nth-child(3),.wt-tray .wt-die[data-value="5"] .wt-pip:nth-child(5),.wt-tray .wt-die[data-value="5"] .wt-pip:nth-child(7),.wt-tray .wt-die[data-value="5"] .wt-pip:nth-child(9),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(1),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(3),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(4),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(6),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(7),.wt-tray .wt-die[data-value="6"] .wt-pip:nth-child(9){ opacity: 1; }
.wt-tray--clubhaus .wt-rim::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(140deg,rgba(255,205,128,.12),transparent 47%,rgba(0,0,0,.11));
}
.wt-tray--noir{
  --wt-shape: inset(0 round 16%);
  --wt-radius: 16%;
  --wt-well-inset: 10.3%;
  --wt-bed-inset: 13.8%;
}
.wt-tray--noir .wt-base{
  background: linear-gradient(90deg,#141516,#343332 23%,#242523 80%,#111213);
}
.wt-tray--noir .wt-rim-edge{
  background: linear-gradient(130deg,#bc9e74,#6a5842 30%,#302a22 61%,#967b54 83%,#574836);
}
.wt-tray--noir .wt-rim{
  inset: .75%;
  background:
    radial-gradient(ellipse at 46% 0%,rgba(159,150,139,.24),transparent 45%),
    linear-gradient(140deg,#494847,#272829 45%,#1c1e20 83%,#393938);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.27),inset -3px -3px 6px rgba(0,0,0,.42);
}
.wt-tray--noir .wt-rim::before{
  content:""; position:absolute; inset:0;
  background:var(--wt-leathergrain) 0 0 / 125px 125px;
  mix-blend-mode:soft-light; opacity:.24;
}
.wt-tray--noir .wt-lip{
  inset: 9.4%;
  --wt-shape: inset(0 round 11%);
  --wt-radius: 11%;
  background:linear-gradient(145deg,#0c0d0f,#23211f 55%,#7c705c);
}
.wt-tray--noir .wt-well{
  --wt-shape: inset(0 round 10%);
  --wt-radius: 10%;
  background:linear-gradient(180deg,#090a0c,#222426 34%,#484747);
}
.wt-tray--noir .wt-bed{
  --wt-shape: inset(0 round 8%);
  --wt-radius: 8%;
  background:radial-gradient(ellipse at 46% 70%,#3b3c3c,#2c2e30 84%);
}
.wt-tray--noir .wt-bed::before{
  background-image:var(--wt-leathergrain);
  background-size:110px 110px; opacity:.23;
}
.wt-tray--noir .wt-stitch{
  inset:3.7%; width:92.6%; height:92.6%;
  stroke:#9a8b74; stroke-width:.22; stroke-dasharray: .85 1.0; opacity:.76;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.8));
}
.wt-tray--royal{
  --wt-shape: circle(50%);
  --wt-radius: 50%;
  --wt-well-inset: 9.2%;
  --wt-bed-inset: 13%;
}
.wt-tray--royal .wt-base{
  background:linear-gradient(90deg,#52402a,#c8aa6b 24%,#957545 69%,#453624);
}
.wt-tray--royal .wt-rim-edge{
  background:linear-gradient(135deg,#ffedc4,#c5a66d 33%,#6d542e 55%,#e0c58e 76%,#695136);
}
.wt-tray--royal .wt-rim{
  inset:.7%;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(255,246,209,.14) 0 .55px,rgba(55,35,12,.09) .8px 1.25px,transparent 1.6px 2.1px),
    conic-gradient(from 25deg,#ae8a4f,#e0c68d 11%,#9a753d 21%,#806134 33%,#c7a767 43%,#f3dfa7 52%,#b89658 64%,#8b6b39 76%,#d2b77d 91%,#ae8a4f);
  box-shadow:inset 0 1px 2px #fae9bb,inset 0 -1px 2px rgba(64,43,15,.8);
}
.wt-tray--royal .wt-lip{
  inset:7.4%;
  background:linear-gradient(155deg,#55442d,#826b47 40%,#e5d09b 81%,#b39251);
}
.wt-tray--royal .wt-well{
  background:linear-gradient(180deg,#06101e,#152c48 45%,#375779);
}
.wt-tray--royal .wt-bed{
  background:
    radial-gradient(ellipse at 37% 80%,rgba(82,120,161,.30),transparent 70%),
    linear-gradient(155deg,#193353,#254e75 63%,#1c3c5c);
}
.wt-tray--royal .wt-bed::before{
  background-size:85px 110px; opacity:.38;
}
.wt-tray--bordeaux{
  --wt-shape:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --wt-well-inset:8.8%;
  --wt-bed-inset:12.3%;
  aspect-ratio:1.1547;
}
.wt-tray--bordeaux .wt-base{
  background:linear-gradient(90deg,#171111,#3a2823 25%,#2d1c19 72%,#17100e);
}
.wt-tray--bordeaux .wt-rim-edge{
  background:linear-gradient(130deg,#927263,#4b3429 35%,#201411 72%,#584032);
}
.wt-tray--bordeaux .wt-board{
  background:linear-gradient(var(--wt-light,145deg),#50392f,#241913 57%,#432d23);
}
.wt-tray--bordeaux .wt-board::before{ opacity:.8; }
.wt-tray--bordeaux .wt-joints{stroke:rgba(12,5,2,.75);}
.wt-tray--bordeaux .wt-lip{
  inset:7.5%;
  background:linear-gradient(150deg,#594533,#4b3025 40%,#ac8559 85%,#634b35);
}
.wt-tray--bordeaux .wt-well{
  background:linear-gradient(180deg,#280c15,#4c1426 30%,#843e4a);
}
.wt-tray--bordeaux .wt-bed{
  background:
    radial-gradient(ellipse at 35% 75%,rgba(174,74,91,.18),transparent 70%),
    linear-gradient(145deg,#58172b,#7b293b 64%,#65202f);
}
.wt-tray--bordeaux .wt-bed::before{
  background-image:var(--wt-leathergrain);
  background-size:110px 110px; opacity:.27;
}
.wt-tray--bordeaux .wt-stitch{
  inset:16.1%; width:67.8%; height:67.8%;
  stroke:#c4947f; stroke-width:.27; stroke-dasharray:1.15 1.15; opacity:.78;
  filter:drop-shadow(0 1px 0 rgba(26,0,5,.8));
}
.wt-tray--atelier{
  --wt-shape:inset(0 round 9% / 15%);
  --wt-radius:9% / 15%;
  --wt-well-inset:7.3%;
  --wt-bed-inset:11.7%;
  --wt-die-size:12.3%;
  aspect-ratio:1.6;
  filter:drop-shadow(0 1px 1px rgba(65,47,28,.22)) drop-shadow(0 12px 10px rgba(65,47,28,.16));
}
.wt-tray--atelier .wt-base{
  background:linear-gradient(90deg,#98774e,#c0a173 25%,#b49365 70%,#846744);
}
.wt-tray--atelier .wt-rim-edge{
  background:linear-gradient(140deg,#f5e6c6,#d4b98d 36%,#ad8e62 73%,#dfc59a);
}
.wt-tray--atelier .wt-rim{
  inset:.75% .5%;
  background:
    linear-gradient(135deg,rgba(255,249,225,.25),transparent 62%,rgba(112,80,41,.09)),
    linear-gradient(3deg,#c3a371,#d8bd92 53%,#dfc8a0);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(94,67,28,.24);
}
.wt-tray--atelier .wt-rim::before{
  content:""; position:absolute; inset:0;
  background:var(--wt-woodgrain) 0 50% / 350px 185px;
  opacity:.58; mix-blend-mode:multiply;
}
.wt-tray--atelier .wt-rim::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(175deg,rgba(255,243,214,.22),transparent 25%,transparent 75%,rgba(94,61,28,.1));
}
.wt-tray--atelier .wt-lip{
  inset:6.1%;
  --wt-shape:inset(0 round 6% / 11%);
  --wt-radius:6% / 11%;
  background:linear-gradient(155deg,#927449,#b5996f 53%,#f2e1bd);
}
.wt-tray--atelier .wt-well{
  --wt-shape:inset(0 round 5% / 9%);
  --wt-radius:5% / 9%;
  background:linear-gradient(180deg,#756550,#94836b 35%,#c1b298);
}
.wt-tray--atelier .wt-bed{
  --wt-shape:inset(0 round 3.5% / 7%);
  --wt-radius:3.5% / 7%;
  background:
    radial-gradient(ellipse at 40% 80%,rgba(219,207,183,.30),transparent 70%),
    linear-gradient(130deg,#a39680,#beb099 65%,#b0a18b);
}
.wt-tray--atelier .wt-bed::before{opacity:.5; background-size:92px 92px;}
.wt-tray--atelier .wt-bed::after{
  background:linear-gradient(180deg,rgba(49,35,14,.16),transparent 16%),radial-gradient(ellipse at 50% 65%,transparent 35%,rgba(68,50,24,.13));
}
.cup-button[data-shape=taper]{aspect-ratio:.83;width:23%}
.cup-button[data-shape=taper] .cup-body{clip-path:polygon(3% 0,97% 0,80% 100%,20% 100%);border-radius:12% 12% 16% 16%}
.cup-button[data-shape=taper] .cup-ring{left:2%;width:96%;top:5%}
.cup-button[data-shape=taper] .cup-base{left:21%;width:58%}
.wt-tray--cognac{
  --wt-shape:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);
  --wt-radius:0%; --wt-well-inset:8.5%; --wt-bed-inset:12%;
}
.wt-tray--cognac .wt-base{
  background:linear-gradient(90deg,#1d130d,#483020 24%,#312116 76%,#170e09);
}
.wt-tray--cognac .wt-rim-edge{
  background:linear-gradient(138deg,#b99365,#735135 27%,#3b2415 64%,#27170e 82%,#735033);
}
.wt-tray--cognac .wt-board{
  background:linear-gradient(var(--wt-light,145deg),#755333,#422c1c 57%,#64452a);
}
.wt-tray--cognac .wt-board::before{opacity:.79;}
.wt-tray--cognac .wt-joints{stroke:rgba(19,10,4,.66);}
.wt-tray--cognac .wt-lip{
  background:linear-gradient(147deg,#291a10,#3f2415 38%,#c09966 83%,#7e542e);
}
.wt-tray--cognac .wt-well{
  background:linear-gradient(180deg,#3c1e10,#774124 34%,#c79056 94%);
}
.wt-tray--cognac .wt-bed{
  background:
    radial-gradient(ellipse at 37% 74%,rgba(247,183,113,.16),transparent 69%),
    linear-gradient(146deg,#94582f,#b77946 61%,#a16838);
}
.wt-tray--cognac .wt-bed::before{
  background:var(--wt-leathergrain) 0 0 / 118px 118px; opacity:.31;
}
.wt-tray--cognac .wt-bed::after{
  background:linear-gradient(180deg,rgba(43,19,7,.19),transparent 15%,transparent 89%,rgba(255,222,169,.06)),
    radial-gradient(ellipse at 48% 62%,transparent 36%,rgba(51,22,9,.15) 87%);
}
.wt-tray--cognac .wt-stitch{
  inset:15.6%;width:68.8%;height:68.8%;
  stroke:#ebc99a;stroke-width:.27;stroke-dasharray:1.05 1.1;opacity:.83;
  filter:drop-shadow(0 .7px .25px rgba(49,22,8,.85));
}
.wt-tray--graphit{
  --wt-shape:inset(0 round 16%); --wt-radius:16%;
  --wt-well-inset:10.3%; --wt-bed-inset:13.8%;
}
.wt-tray--graphit .wt-base{
  background:linear-gradient(90deg,#14191c,#51595f 23%,#2c3338 75%,#14191d);
}
.wt-tray--graphit .wt-rim-edge{
  background:linear-gradient(138deg,#c0c6c8,#737f87 28%,#303b43 54%,#222a30 68%,#919ba0 90%,#576169);
}
.wt-tray--graphit .wt-rim{
  inset:.75%;
  background:
    repeating-linear-gradient(93deg,rgba(240,249,255,.055) 0 .5px,rgba(8,16,21,.045) .7px 1.2px,transparent 1.5px 2.6px),
    linear-gradient(135deg,#859097 0%,#505c65 24%,#69757d 40%,#37434c 66%,#525f68 83%,#7e8a91);
  box-shadow:inset 0 1px 1px #e4eced55,inset 0 -2px 3px #10171e66;
}
.wt-tray--graphit .wt-rim::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 19%,#e0ebee13 29%,transparent 45%,#08151b15 73%,transparent 83%);
}
.wt-tray--graphit .wt-lip{
  inset:9.4%; --wt-shape:inset(0 round 11%); --wt-radius:11%;
  background:linear-gradient(146deg,#111b22,#26313a 48%,#a1acb0);
}
.wt-tray--graphit .wt-well{
  --wt-shape:inset(0 round 10%); --wt-radius:10%;
  background:linear-gradient(180deg,#111a20,#29353d 38%,#5b666b);
}
.wt-tray--graphit .wt-bed{
  --wt-shape:inset(0 round 8%); --wt-radius:8%;
  background:radial-gradient(ellipse at 39% 76%,#5361690f,transparent 74%),
    linear-gradient(144deg,#303c45,#46545d 66%,#3a474f);
}
.wt-tray--graphit .wt-bed::before{
  background:var(--wt-grain) 0 0 / 82px 98px;opacity:.39;
}
.wt-tray--graphit .wt-bed::after{
  background:linear-gradient(180deg,#0b162530,transparent 14%),radial-gradient(ellipse at 45% 65%,transparent 37%,#0a1b242c);
}
.wt-tray--petrol{
  --wt-shape:circle(50%); --wt-radius:50%;
  --wt-well-inset:9.2%; --wt-bed-inset:13%;
}
.wt-tray--petrol .wt-base{
  background:linear-gradient(90deg,#643d2c,#c28b62 25%,#955b3e 70%,#4c2a20);
}
.wt-tray--petrol .wt-rim-edge{
  background:linear-gradient(133deg,#ffe0b7,#c1845e 32%,#6a3526 54%,#e6b58b 79%,#814f37);
}
.wt-tray--petrol .wt-rim{
  inset:.7%;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(255,219,181,.15) 0 .55px,rgba(89,39,19,.08) .8px 1.25px,transparent 1.6px 2.1px),
    conic-gradient(from 22deg,#b47b55,#edc39a 12%,#bc825c 23%,#915132 34%,#cb986e 44%,#f4d2a9 53%,#b07954 65%,#965d3d 76%,#deb087 90%,#b47b55);
  box-shadow:inset 0 1px 2px #ffe0bc,inset 0 -1px 2px #65381ecc;
}
.wt-tray--petrol .wt-rim::after{
  content:"";position:absolute;inset:0;opacity:.3;
  background:linear-gradient(117deg,transparent 19.8%,#fff1d333 20%,transparent 20.2%),
    linear-gradient(141deg,transparent 84.8%,#60371e29 85%,transparent 85.2%);
}
.wt-tray--petrol .wt-lip{
  inset:7.4%; background:linear-gradient(151deg,#603a2c,#a26947 46%,#f3d1a7 83%,#ae754d);
}
.wt-tray--petrol .wt-well{
  background:linear-gradient(180deg,#06242a,#12434a 45%,#487b7c);
}
.wt-tray--petrol .wt-bed{
  background:radial-gradient(ellipse at 36% 76%,rgba(117,173,164,.16),transparent 70%),
    linear-gradient(143deg,#17515a,#2d7076 63%,#225a62);
}
.wt-tray--petrol .wt-bed::before{background-size:94px 106px;opacity:.45;}
.wt-tray--petrol .wt-bed::after{
  background:linear-gradient(180deg,#061e2833,transparent 14%),radial-gradient(ellipse at 50% 63%,transparent 35%,#05252b2c);
}
.wt-tray--elfenbein{
  --wt-shape:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --wt-radius:0%;--wt-well-inset:8.8%;--wt-bed-inset:12.3%;aspect-ratio:1.1547;
}
.wt-tray--elfenbein .wt-base{
  background:linear-gradient(90deg,#9a825b,#cbb38b 25%,#b19870 76%,#816944);
}
.wt-tray--elfenbein .wt-rim-edge{
  background:linear-gradient(132deg,#fff1d6,#dfc8a0 29%,#b09870 68%,#f0dbb6);
}
.wt-tray--elfenbein .wt-rim{background:#d8c29a;}
.wt-tray--elfenbein .wt-board{
  background:linear-gradient(var(--wt-light,145deg),#efdfbf,#ceb58b 60%,#e4d2ad);
}
.wt-tray--elfenbein .wt-board::before{opacity:.32;mix-blend-mode:multiply;}
.wt-tray--elfenbein .wt-board::after{
  background:linear-gradient(131deg,#fff4df2b,transparent 54%,#806a4312);
}
.wt-tray--elfenbein .wt-joints{stroke:#7f633838;stroke-width:.13;}
.wt-tray--elfenbein .wt-lip{
  inset:7.5%;background:linear-gradient(145deg,#b7a47e,#d9c6a0 39%,#978665 54%,#fff0d0 84%,#c8b48d);
}
.wt-tray--elfenbein .wt-well{
  background:linear-gradient(180deg,#8b7d66,#b4a68b 31%,#e1d5bd);
}
.wt-tray--elfenbein .wt-bed{
  background:radial-gradient(ellipse at 34% 79%,#f6ebd62a,transparent 72%),
    linear-gradient(142deg,#c6b89b,#d7cab0 63%,#cabc9f);
}
.wt-tray--elfenbein .wt-bed::before{background-size:92px 103px;opacity:.38;}
.wt-tray--elfenbein .wt-bed::after{
  background:linear-gradient(180deg,#513b1829,transparent 16%),radial-gradient(ellipse at 50% 64%,transparent 35%,#6c542421);
}
.wt-tray--aubergine{
  --wt-shape:inset(0 round 9% / 15%); --wt-radius:9% / 15%;
  --wt-well-inset:7.3%; --wt-bed-inset:11.7%; --wt-die-size:12.3%;aspect-ratio:1.6;
}
.wt-tray--aubergine .wt-base{
  background:linear-gradient(90deg,#121214,#30282b 25%,#241d22 71%,#100f12);
}
.wt-tray--aubergine .wt-rim-edge{
  background:linear-gradient(137deg,#74625b,#3e3030 34%,#1e181d 72%,#594a48);
}
.wt-tray--aubergine .wt-rim{
  inset:.75% .5%;
  background:linear-gradient(134deg,#dcc7b113,transparent 63%,#0e0a121c),linear-gradient(3deg,#292126,#433333 53%,#493735);
  box-shadow:inset 0 1px 1px #b99a7a38,inset 0 -1px 1px #0d081c66;
}
.wt-tray--aubergine .wt-rim::before{
  content:"";position:absolute;inset:0;background:var(--wt-woodgrain) 0 50% / 350px 185px;
  opacity:.63;mix-blend-mode:soft-light;
}
.wt-tray--aubergine .wt-rim::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(176deg,#fff0db16,transparent 25%,transparent 77%,#0f081929);
}
.wt-tray--aubergine .wt-lip{
  inset:6.1%;--wt-shape:inset(0 round 6% / 11%);--wt-radius:6% / 11%;
  background:linear-gradient(151deg,#665859,#332b31 39%,#837477 82%,#41363d);
}
.wt-tray--aubergine .wt-well{
  --wt-shape:inset(0 round 5% / 9%);--wt-radius:5% / 9%;
  background:linear-gradient(180deg,#201324,#412238 33%,#835773);
}
.wt-tray--aubergine .wt-bed{
  --wt-shape:inset(0 round 3.5% / 7%);--wt-radius:3.5% / 7%;
  background:radial-gradient(ellipse at 36% 76%,#b687a724,transparent 72%),
    linear-gradient(136deg,#4b2946,#72435f 63%,#5b3451);
}
.wt-tray--aubergine .wt-bed::before{background-size:87px 112px;opacity:.4;}
.wt-tray--aubergine .wt-bed::after{
  background:linear-gradient(180deg,#1f0c2230,transparent 16%),radial-gradient(ellipse at 50% 64%,transparent 35%,#23082526);
}
:root{color-scheme:light;--paper:#f6f4ed;--card:#fffefb;--ink:#25382f;--muted:#73786f;--line:#e0e1d7;--green:#284c3b;--gold:#b1955e;--soft:#e9eee7;--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cup-button{position:absolute;left:-3%;top:1%;width:23%;aspect-ratio:.76;background:transparent;border:0;padding:0;z-index:12;transform:rotate(-14deg);transform-origin:50% 88%;appearance:none;-webkit-appearance:none;filter:drop-shadow(5px 13px 7px #20181045);cursor:pointer}
.wt-tray--atelier .cup-button{width:18%;top:-9%}
.cup-button:disabled{cursor:default;opacity:1}
.cup-button:focus-visible{outline:2px dashed #b39762;outline-offset:7px;border-radius:14px}
.cup-body{position:absolute;inset:13% 2% 4%;border-radius:6% 6% 39% 39% / 6% 6% 15% 15%;background:linear-gradient(90deg,#1b100b,#65452e 17%,#8a6040 35%,#65442d 66%,#2b1b13 100%);border:1px solid #402b20;box-shadow:inset 2px 0 3px #ac7b5266,inset -2px -2px 5px #0c0907b3;overflow:hidden}
.cup-body::before{content:"";position:absolute;inset:0;background-image:var(--wt-leathergrain);background-size:85px;mix-blend-mode:soft-light;opacity:.42}
.cup-body::after{content:"";position:absolute;inset:10% 8% 7%;border:1px dashed #b28c606e;border-radius:4% 4% 39% 39% / 4% 4% 11% 11%;box-shadow:0 1px 0 #271c1244}
.cup-base{position:absolute;bottom:3%;left:6%;width:88%;height:9%;border-radius:0 0 50% 50%;background:linear-gradient(90deg,#513522,#bb9360 25%,#896744 65%,#3f2a1d);box-shadow:0 2px 2px #1b100950}
.cup-ring{position:absolute;top:5.5%;left:0;width:100%;height:21%;border-radius:50%;background:linear-gradient(150deg,#d0b181,#73522f 45%,#332116 65%,#b59466);box-shadow:0 2px 3px #1b10097a,inset 0 1px 1px #dfc296}
.cup-interior{position:absolute;inset:11% 6% 16%;border-radius:50%;background:radial-gradient(ellipse at 52% 66%,#070706 10%,#1b120d 66%,#59412a 100%);box-shadow:inset 0 4px 5px #000c,inset 0 -1px 1px #d6b07d66}
.cup-mouth-anchor{position:absolute;width:1px;height:1px;left:50%;top:15%;pointer-events:none}
.cup-emblem{position:absolute;top:50%;left:35%;width:30%;aspect-ratio:1;transform:rotate(45deg);border:1px solid #dab78166;border-radius:20%;opacity:.85;box-shadow:0 1px 0 #26190daa}
.cup-emblem::before,.cup-emblem::after{content:"";position:absolute;width:18%;height:18%;border-radius:50%;background:#c8a06d70;box-shadow:0 1px 0 #26190dcc}
.cup-emblem::before{top:18%;left:18%}
.cup-emblem::after{bottom:18%;right:18%}
.wt-tray--aubergine .cup-button{width:18%;top:-9%;}
.wt-tray--rubin{--wt-shape:polygon(50% 0,100% 16%,100% 72%,50% 100%,0 72%,0 16%);aspect-ratio:.94;--wt-bed-inset:12%;--wt-well-inset:8.7%}
.wt-tray--rubin .wt-base{background:linear-gradient(90deg,#170e0d,#432621 30%,#2d1916 75%,#100908)}
.wt-tray--rubin .wt-rim-edge{background:linear-gradient(140deg,#bb927a,#694436 30%,#231310 64%,#745144)}
.wt-tray--rubin .wt-rim{background:#523127}
.wt-tray--rubin .wt-board{background:linear-gradient(var(--wt-light,140deg),#6e493a,#39231c 55%,#63402f)}
.wt-tray--rubin .wt-lip{background:linear-gradient(145deg,#130b08,#381b15 48%,#a78265)}
.wt-tray--rubin .wt-well{background:linear-gradient(180deg,#230a11,#4f1727 44%,#8d3c4c)}
.wt-tray--rubin .wt-bed{background:radial-gradient(ellipse at 43% 68%,#832c3c,#661827 80%,#45101e)}
.wt-tray--rubin .wt-bed::before{background-image:var(--wt-leathergrain);background-size:120px;opacity:.34}
.wt-tray--rubin .wt-stitch{inset:13.8%;width:72.4%;height:72.4%;stroke:#bc8c78;stroke-width:.19;stroke-dasharray:.8 .9;opacity:.58}
.wt-tray--oval{--wt-shape:ellipse(50% 50%);--wt-radius:50%;aspect-ratio:1.52;--wt-bed-inset:11.5%;--wt-well-inset:8.3%}
.wt-tray--oval .wt-base{background:linear-gradient(90deg,#211510,#543a2a 25%,#332119 85%,#140e0a)}
.wt-tray--oval .wt-rim-edge{background:linear-gradient(135deg,#b79169,#75563c 35%,#2f1f15 68%,#987350)}
.wt-tray--oval .wt-rim{background:linear-gradient(135deg,#826248,#65472e 40%,#483020 70%,#96724a);box-shadow:inset 0 1px 3px #e9cfa477,inset 0 -3px 4px #170d0966}
.wt-tray--oval .wt-rim::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wt-woodgrain) 50% 50%/360px 230px;mix-blend-mode:soft-light;opacity:.75}
.wt-tray--oval .wt-rim::after{content:"";position:absolute;inset:2%;border:1px solid #d1aa7344;border-radius:50%;box-shadow:0 1px 1px #1a110c55}
.wt-tray--oval .wt-lip{inset:7%;background:linear-gradient(140deg,#1c170f,#3b3123 60%,#bc9161)}
.wt-tray--oval .wt-well{background:linear-gradient(180deg,#0d272e,#20515a 40%,#477980)}
.wt-tray--oval .wt-bed{background:radial-gradient(ellipse at 44% 64%,#326f75,#22525f 85%)}
.wt-tray--oval .wt-bed::before{background:var(--wt-grain) 0 0/88px;opacity:.6}
.wt-tray--oval .cup-button{width:18%;top:-9%}
.wt-tray[data-tone]:not([data-tone=original]) .wt-well{background:linear-gradient(180deg,var(--color-well),var(--color-bottom) 42%,var(--color-top))}
.wt-tray[data-tone]:not([data-tone=original]) .wt-bed{background:radial-gradient(ellipse at 42% 67%,var(--color-top),var(--color-bottom) 95%)}
.wt-tray[data-dice=black]{--dice-light:#5b5c60;--dice-mid:#212328;--dice-dark:#0b0e12;--dice-edge:#080b0e;--pip-light:#ffffef;--pip-dark:#cabd9e}
.wt-tray[data-dice=blue]{--dice-light:#466db5;--dice-mid:#154281;--dice-dark:#0a2050;--dice-edge:#071734;--pip-light:#fffff8;--pip-dark:#cbcfdd}
.wt-tray[data-dice=red]{--dice-light:#ad475b;--dice-mid:#7c1e33;--dice-dark:#410f21;--dice-edge:#300d19;--pip-light:#fff9e7;--pip-dark:#d1bdb1}
.wt-tray[data-dice=green]{--dice-light:#478975;--dice-mid:#175842;--dice-dark:#0b3026;--dice-edge:#07261c;--pip-light:#fffbe9;--pip-dark:#b7c8b7}
.wt-tray[data-dice=amber]{--dice-light:#e0a157;--dice-mid:#a46025;--dice-dark:#623519;--dice-edge:#6a3c1c;--pip-light:#fff4d6;--pip-dark:#cfb282}
.wt-tray[data-dice=gray]{--dice-light:#8e959a;--dice-mid:#555b60;--dice-dark:#30363b;--dice-edge:#252b30;--pip-light:#fffdf3;--pip-dark:#c0c1bb}
.wt-tray[data-dice=purple]{--dice-light:#805474;--dice-mid:#4c2a49;--dice-dark:#29162c;--dice-edge:#221024;--pip-light:#f6df9b;--pip-dark:#b8924b}
.wt-tray[data-dice]:not([data-dice=ivory]) .wt-die{
 background:radial-gradient(ellipse at 25% 10%,#ffffff45,transparent 59%),linear-gradient(140deg,var(--dice-light),var(--dice-mid) 48%,var(--dice-dark));
 box-shadow:inset 0 1px 1px #ffffffaa,inset 1px 0 2px #ffffff66,inset -1px -2px 2px #0005,0 2px 0 var(--dice-dark),1px 4px 0 var(--dice-edge),2px 6px 4px #0004,4px 10px 9px #0003;
}
.wt-tray[data-dice]:not([data-dice=ivory]) .wt-pip{background:radial-gradient(circle at 65% 75%,var(--pip-light) 35%,var(--pip-dark));box-shadow:inset 0 1px 1.5px #0009,0 .6px 0 #fff5}
.wt-tray[data-dice=amber] .wt-die::after{background:radial-gradient(ellipse at 70% 87%,#eab25455,transparent 72%);border-color:#ffdb9777}
.cup-button[data-cup=cognac]{--cup-a:#673413;--cup-b:#ad622b;--cup-c:#cc8545;--cup-d:#512a15;--cup-trim:#c79962;--cup-inside:#4d2a14;--cup-stitch:#f2c68bb3;--cup-texture:var(--wt-leathergrain)}
.cup-button[data-cup=noir]{--cup-a:#111516;--cup-b:#323739;--cup-c:#55595a;--cup-d:#121617;--cup-trim:#a88953;--cup-inside:#1b1914;--cup-stitch:#cda768b3;--cup-texture:var(--wt-leathergrain)}
.cup-button[data-cup=royal]{--cup-a:#0b1730;--cup-b:#1e3864;--cup-c:#395c91;--cup-d:#0b1834;--cup-trim:#486894;--cup-inside:#0e1b3a;--cup-stitch:#6a8bc799;--cup-texture:var(--wt-grain)}
.cup-button[data-cup=bordeaux]{--cup-a:#26150f;--cup-b:#694332;--cup-c:#946b50;--cup-d:#301a14;--cup-trim:#923b48;--cup-inside:#581c2b;--cup-stitch:#b47672bb;--cup-texture:var(--wt-woodgrain)}
.cup-button[data-cup=atelier]{--cup-a:#977449;--cup-b:#caa57b;--cup-c:#e9ce9e;--cup-d:#876742;--cup-trim:#e3d0a9;--cup-inside:#8d795c;--cup-stitch:#f3e7ccc9;--cup-texture:var(--wt-woodgrain)}
.cup-button[data-cup]:not([data-cup=original]) .cup-body{background:linear-gradient(90deg,var(--cup-a),var(--cup-b) 18%,var(--cup-c) 36%,var(--cup-b) 66%,var(--cup-d));border-color:var(--cup-a);box-shadow:inset 2px 0 3px #fff3,inset -2px -2px 5px #0008}
.cup-button[data-cup]:not([data-cup=original]) .cup-body::before{background-image:var(--cup-texture);background-size:100px 150px;opacity:.5}
.cup-button[data-cup]:not([data-cup=original]) .cup-body::after{border-color:var(--cup-stitch)}
.cup-button[data-cup]:not([data-cup=original]) .cup-base{background:linear-gradient(90deg,var(--cup-a),var(--cup-trim) 30%,var(--cup-b) 70%,var(--cup-d))}
.cup-button[data-cup]:not([data-cup=original]) .cup-ring{background:linear-gradient(140deg,var(--cup-trim),var(--cup-b) 45%,var(--cup-a) 65%,var(--cup-trim));box-shadow:0 2px 3px #0006,inset 0 1px 1px #fff6}
.cup-button[data-cup]:not([data-cup=original]) .cup-interior{background:radial-gradient(ellipse at 52% 65%,#090908,var(--cup-inside) 79%,var(--cup-trim));box-shadow:inset 0 4px 6px #000a,inset 0 -1px 1px #fff3}
.cup-button[data-cup]:not([data-cup=original]) .cup-emblem{border-color:var(--cup-stitch)}
.cup-button[data-cup=bordeaux] .cup-body::after{inset:2% 2% 2% 65%;background:linear-gradient(90deg,#49131f,#8d3344 65%,#471622);border-color:#cb927780;border-radius:2% 2% 60% 8%;box-shadow:-2px 0 2px #0005}
.cup-button[data-cup=atelier] .cup-body::after{inset:2% 2% 2% 66%;background:linear-gradient(90deg,#b5a181,#e1d2af 70%,#bca380);border-color:#fbf1d5;box-shadow:-2px 0 2px #62462544;border-radius:2% 2% 60% 8%}
.cup-button[data-cup=royal] .cup-body::before{background-size:65px;opacity:.76}
.cup-button[data-shape=round]{aspect-ratio:1.08;width:26%;transform-origin:50% 86%}
.cup-button[data-shape=round] .cup-body{inset:16% 0 4%;border-radius:24% 24% 43% 43% / 24% 24% 48% 48%}
.cup-button[data-shape=round] .cup-body::after{inset:12% 9% 10%;border-radius:18% 18% 40% 40% / 22% 22% 43% 43%}
.cup-button[data-shape=round] .cup-ring{left:7%;width:86%;top:6%;height:28%}
.cup-button[data-shape=round] .cup-base{left:20%;width:60%;bottom:3%;height:13%;border-radius:50%}
.cup-button[data-shape=round] .cup-mouth-anchor{top:20%}
.cup-button[data-shape=round] .cup-emblem{top:52%;width:23%;left:38.5%}
.cup-button[data-shape=round][data-cup=bordeaux] .cup-body::after,.cup-button[data-shape=round][data-cup=atelier] .cup-body::after{inset:2% 2% 2% 67%;border-radius:2% 20% 100% 10%}
.wt-tray--atelier .cup-button[data-shape=round],.wt-tray--aubergine .cup-button[data-shape=round],.wt-tray--oval .cup-button[data-shape=round]{width:21%}
.cup-shapes{display:flex;gap:9px;margin-bottom:22px}
.cup-shape{border:1px solid #d8ddcc;border-radius:10px;padding:10px 16px;background:#f8f8f0;min-height:44px;font-size:12px}
.cup-shape[aria-pressed=true]{border-color:#4e6b45;background:#e9f0e1;box-shadow:inset 0 0 0 1px #4e6b45}
.cup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cup-thumb{display:block;height:139px;pointer-events:none;position:relative}
.cup-thumb>.wt-tray{display:block;width:100%;height:100%;filter:none}
.cup-thumb .cup-button{width:83px;left:50%;top:7px;margin-left:-42px;transform:rotate(-12deg)}
.cup-thumb .cup-button[data-shape=round]{width:108px;margin-left:-54px;top:30px}
.cup-thumb .cup-button[disabled]{opacity:1}
@media (max-width:790px){.cup-grid{gap:10px}
.cup-thumb{height:120px}
.cup-thumb .cup-button{width:73px;margin-left:-36px}
.cup-thumb .cup-button[data-shape=round]{width:91px;margin-left:-45px}}
@media (max-width:480px){.cup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cup-shape{font-size:11px;padding:10px 11px}}
:root{--wood-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cfilter%20id%3D%22w%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.007%20.18%22%20numOctaves%3D%223%22%20seed%3D%2216%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3CfeFuncG%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3CfeFuncB%20type%3D%22gamma%22%20amplitude%3D%221%22%20exponent%3D%221.7%22%20offset%3D%220%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22360%22%20height%3D%22240%22%20filter%3D%22url%28%23w%29%22%2F%3E%3C%2Fsvg%3E");--leather-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22l%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.33%22%20numOctaves%3D%223%22%20seed%3D%228%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeDiffuseLighting%20lighting-color%3D%22%23fff%22%20surfaceScale%3D%222.5%22%20diffuseConstant%3D%22.75%22%3E%3CfeDistantLight%20azimuth%3D%22225%22%20elevation%3D%2250%22%2F%3E%3C%2FfeDiffuseLighting%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url%28%23l%29%22%2F%3E%3C%2Fsvg%3E");}
:root{--grain15:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cfilter%20id%3D%22n%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%223%22%20seed%3D%2224%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20filter%3D%22url%28%23n%29%22%20opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E")}
:root{--safe-left12:env(safe-area-inset-left,0px);--safe-right12:env(safe-area-inset-right,0px);--safe-top12:env(safe-area-inset-top,0px);--safe-bottom12:env(safe-area-inset-bottom,0px);--view-h12:100vh;--view-w12:100vw;--view-top12:0px;--view-left12:0px;--sheet-row15:27px;--dock-row15:27px;--page-bg15:linear-gradient(#eee9df,#eee9df);--page-grain15:none;--page-size15:180px 180px;--page-opacity15:0;--table-bg15:linear-gradient(105deg,#674830,#865d3f 44%,#65432e);--table-grain15:none;--table-size15:860px 650px;--table-opacity15:.65;--table-ink15:#fff8e9}
@supports (height:100dvh){:root{--view-h12:100dvh;--view-w12:100dvw}}
.cup-pocket{position:absolute;top:1px;right:0;z-index:31;display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #bdbfae;border-radius:10px;background:#fbfaf0f5;box-shadow:0 3px 9px #27362912;max-width:100%}
.cup-pocket-label{font-size:9px;color:#536848;margin-right:2px}
.wt-tray[data-interior="felt-green"] .wt-bed{background:radial-gradient(ellipse at 34% 75%,#a8d6aa1a,transparent 70%),linear-gradient(140deg,#2e624a,#3b7559 60%,#2d5b45)}
.wt-tray[data-interior="felt-green"] .wt-bed::before{background:var(--wt-grain) 0 0 / 80px 80px;opacity:.35}
.wt-tray[data-interior="felt-green"] .wt-bed::after{background:linear-gradient(180deg,#102c1e3c,transparent 19%),radial-gradient(ellipse at 50% 60%,transparent 35%,#09271835)}
.wt-tray[data-interior="velvet-bordeaux"] .wt-bed{background:radial-gradient(ellipse at 34% 75%,#ed8d9a20,transparent 70%),linear-gradient(140deg,#5b2638,#80364d 60%,#5d293c)}
.wt-tray[data-interior="velvet-bordeaux"] .wt-bed::before{background:var(--wt-grain) 0 0 / 90px 94px;opacity:.47}
.wt-tray[data-interior="velvet-bordeaux"] .wt-bed::after{background:linear-gradient(180deg,#280b1a40,transparent 20%),radial-gradient(ellipse at 50% 60%,transparent 35%,#220d1e38)}
.wt-tray[data-interior="leather-blue"] .wt-bed{background:radial-gradient(ellipse at 34% 75%,#9ab8db22,transparent 70%),linear-gradient(142deg,#253f64,#385d84 62%,#29496f)}
.wt-tray[data-interior="leather-blue"] .wt-bed::before{background:var(--wt-leathergrain) 0 0 / 115px 115px;opacity:.33}
.wt-tray[data-interior="leather-blue"] .wt-bed::after{background:linear-gradient(180deg,#091b3040,transparent 19%),radial-gradient(ellipse at 50% 60%,transparent 35%,#071e3633)}
.wt-tray[data-interior="suede-sand"] .wt-bed{background:radial-gradient(ellipse at 34% 75%,#fff4d440,transparent 70%),linear-gradient(142deg,#a89579,#c8b597 62%,#aa977a)}
.wt-tray[data-interior="suede-sand"] .wt-bed::before{background:var(--wt-grain) 0 0 / 85px 91px;opacity:.32}
.wt-tray[data-interior="suede-sand"] .wt-bed::after{background:linear-gradient(180deg,#58482e33,transparent 19%),radial-gradient(ellipse at 50% 60%,transparent 35%,#56432d26)}
.wt-tray[data-interior="felt-green"] .wt-well{background:linear-gradient(180deg,#173427 0%,#28533e 32%,#3b7357 72%,#467e60 100%)}
.wt-tray[data-interior="velvet-bordeaux"] .wt-well{background:linear-gradient(180deg,#32141f 0%,#592636 32%,#79374b 72%,#8a4257 100%)}
.wt-tray[data-interior="leather-blue"] .wt-well{background:linear-gradient(180deg,#142237 0%,#294664 32%,#3c6287 72%,#497296 100%)}
.wt-tray[data-interior="suede-sand"] .wt-well{background:linear-gradient(180deg,#61533f 0%,#99876b 32%,#bca889 72%,#cdbc9e 100%)}
.cup-shape-choice18,.cup-material-choice18{min-width:76px;justify-content:center;flex-direction:column}
.cup-preview18{position:relative;width:54px;height:54px;overflow:visible}
.cup-preview18>.wt-tray{width:54px;height:54px;filter:none}
.cup-preview18 .cup-button{width:35px!important;left:50%!important;top:0!important;margin-left:-18px!important;transform:rotate(-9deg)!important;pointer-events:none}
.cup-preview18 .cup-button[data-shape=round]{width:43px!important;margin-left:-22px!important;top:8px!important}
.cup-preview18 .cup-button[data-shape=taper]{width:35px!important;margin-left:-18px!important}
.wt-tray[data-gen-material]:not([data-gen-material="original"]) .wt-bed{background:radial-gradient(ellipse at 33% 76%,var(--gen-hi) 0%,transparent 70%),linear-gradient(140deg,var(--gen-top),var(--gen-mid) 60%,var(--gen-bottom))!important}
.wt-tray[data-gen-material]:not([data-gen-material="original"]) .wt-well{background:linear-gradient(180deg,var(--gen-well) 0%,var(--gen-bottom) 35%,var(--gen-mid) 75%,var(--gen-top) 100%)!important}
.wt-tray[data-gen-material="felt"] .wt-bed::before{background:var(--wt-grain) 0 0 / 78px 78px!important;opacity:.36!important}
.wt-tray[data-gen-material="velvet"] .wt-bed::before{background:var(--wt-grain) 0 0 / 92px 96px!important;opacity:.52!important;mix-blend-mode:soft-light}
.wt-tray[data-gen-material="leather"] .wt-bed::before{background:var(--wt-leathergrain) 0 0 / 112px 112px!important;opacity:.36!important;mix-blend-mode:soft-light}
.wt-tray[data-gen-material="suede"] .wt-bed::before{background:var(--wt-grain) 0 0 / 84px 91px!important;opacity:.30!important;filter:blur(.15px)}
.wt-tray[data-gen-material="micro"] .wt-bed::before{background:var(--wt-grain) 0 0 / 66px 72px!important;opacity:.24!important;filter:blur(.35px);mix-blend-mode:soft-light}
.wt-tray[data-gen-material]:not([data-gen-material="original"]) .wt-bed::after{background:linear-gradient(180deg,#1010102e,transparent 19%),radial-gradient(ellipse at 50% 62%,transparent 34%,#17120c28)!important}
.cup-preview18{width:42px;height:42px}
.cup-preview18>.wt-tray{width:42px;height:42px}
.cup-preview18 .cup-button{width:28px!important;margin-left:-14px!important}
.cup-preview18 .cup-button[data-shape=round]{width:34px!important;margin-left:-17px!important}
.wt-tray[data-frame19]{--f19-a:#3d291b;--f19-b:#755034;--f19-c:#986c44;--f19-d:#20150e;--f19-e:#b98a58;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="nussbaum"]{--f19-a:#2d1c12;--f19-b:#614126;--f19-c:#8d633b;--f19-d:#1b1009;--f19-e:#b08150;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="cognac"]{--f19-a:#472411;--f19-b:#8c4f25;--f19-c:#bc743b;--f19-d:#2c150b;--f19-e:#d08b4a;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="mahagoni"]{--f19-a:#34100f;--f19-b:#6c2422;--f19-c:#9b3d32;--f19-d:#220b0b;--f19-e:#bd5a48;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="eiche"]{--f19-a:#6f5334;--f19-b:#b88d58;--f19-c:#d8b47a;--f19-d:#4f3924;--f19-e:#f0d19b;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="schwarz"]{--f19-a:#111214;--f19-b:#242629;--f19-c:#444548;--f19-d:#090a0b;--f19-e:#6b6c6e;--f19-texture:var(--wt-woodgrain)}
.wt-tray[data-frame19="metall"]{--f19-a:#4b5053;--f19-b:#8e969a;--f19-c:#c4cbcd;--f19-d:#34383a;--f19-e:#eef1f2;--f19-texture:repeating-linear-gradient(90deg,#fff1 0 1px,#00000008 1px 3px)}
.wt-tray[data-frame19="kupfer"]{--f19-a:#5a2c1c;--f19-b:#a75836;--f19-c:#d68a5e;--f19-d:#3c1b12;--f19-e:#f1b080;--f19-texture:repeating-linear-gradient(90deg,#fff1 0 1px,#4c1b0b12 1px 3px)}
.wt-tray[data-frame19] .wt-base{background:linear-gradient(90deg,var(--f19-d),var(--f19-a) 30%,var(--f19-b) 72%,var(--f19-d))!important}
.wt-tray[data-frame19] .wt-rim-edge{background:linear-gradient(140deg,var(--f19-e),var(--f19-c) 23%,var(--f19-a) 62%,var(--f19-d) 79%,var(--f19-b))!important}
.wt-tray[data-frame19] .wt-rim{background:linear-gradient(138deg,var(--f19-c),var(--f19-b) 46%,var(--f19-a))!important}
.wt-tray[data-frame19] .wt-rim::before{background:var(--f19-texture)!important;background-size:360px 240px!important;opacity:.62!important;mix-blend-mode:soft-light!important}
.wt-tray[data-frame19] .wt-board{background:linear-gradient(145deg,var(--f19-c),var(--f19-b) 54%,var(--f19-a))!important}
.wt-tray[data-frame19] .wt-board::before{background:var(--f19-texture)!important;background-size:360px 240px!important;opacity:.68!important;mix-blend-mode:soft-light!important}
.wt-tray[data-frame19] .wt-lip{background:linear-gradient(145deg,var(--f19-e),var(--f19-b) 45%,var(--f19-a) 72%,var(--f19-c))!important}
.cup-preview18{width:37px;height:37px}
.cup-preview18>.wt-tray{width:37px;height:37px}
.cup-preview18 .cup-button{width:25px!important;margin-left:-12.5px!important}
.cup-preview18 .cup-button[data-shape=round]{width:31px!important;margin-left:-15.5px!important}


@media  (max-width:600px){.cup-thumb .cup-button{width:45px!important;margin-left:-22.5px!important;top:5px!important}
.cup-thumb .cup-button[data-shape=round]{width:57px!important;margin-left:-28.5px!important;top:13px!important}
.cup-shapes::-webkit-scrollbar{display:none}}