.dc-controller{width:var(--dc-phone-width,214px);max-width:100%;container-type:inline-size;font-family:Arial,Helvetica,sans-serif;color:#fff;text-align:left;-webkit-font-smoothing:antialiased}.dc-phone,.dc-phone *{box-sizing:border-box}.dc-phone{--light-rgb:255,227,185;--dc-brightness:80%;position:relative;isolation:isolate;display:grid;grid-template-rows:5cqw 11cqw 10cqw 76cqw 15cqw 23cqw 12cqw 7cqw;width:100%;padding:6cqw 7cqw 4cqw;overflow:hidden;border:1.4cqw solid #363a3d;border-radius:13.5cqw;background:#090d10;box-shadow:0 0 0 .5cqw #07090a,inset 0 0 0 .5cqw #ffffff08,0 12cqw 28cqw #0007;color:#fff}.dc-phone p,.dc-phone h3{margin:0}.dc-phone button,.dc-phone input{font:inherit;-webkit-tap-highlight-color:transparent}.dc-phone button{cursor:pointer}.dc-phone button:focus-visible,.dc-phone input:focus-visible{outline:1cqw solid #fff;outline-offset:1.3cqw}.dc-camera{position:absolute;left:50%;top:4cqw;transform:translate(-50%);width:20cqw;height:5cqw;border-radius:3cqw;background:#030507}.dc-status{display:flex;justify-content:space-between;align-items:center;font-size:3.6cqw;line-height:1;letter-spacing:0}.dc-indicators{display:inline-flex;align-items:center;gap:2cqw}.dc-signal{display:flex;align-items:end;height:3.5cqw;gap:.5cqw}.dc-signal i{display:block;width:1cqw;background:#fff;border-radius:.3cqw}.dc-signal i:nth-child(1){height:1.5cqw}.dc-signal i:nth-child(2){height:2.5cqw}.dc-signal i:nth-child(3){height:3.5cqw}.dc-battery{position:relative;width:6.5cqw;height:3cqw;border:.5cqw solid #dce1e6;border-radius:1cqw}.dc-battery:before{content:"";position:absolute;top:.4cqw;right:.4cqw;bottom:.4cqw;left:.4cqw;border-radius:.3cqw;background:#fff}.dc-battery:after{content:"";position:absolute;top:.5cqw;right:-1.4cqw;height:1cqw;width:.5cqw;border-radius:.5cqw;background:#a9b3bc}.dc-app-heading{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-top:1cqw}.dc-phone .dc-app-heading h3{color:#fff;font-size:5cqw;font-weight:400;line-height:1;letter-spacing:0;text-align:center}.dc-back{font-size:11cqw;line-height:.7;font-weight:300}.dc-edit{justify-self:end;width:6cqw;height:6cqw}.dc-edit svg{width:100%;height:100%}.dc-tabs{display:flex;gap:6cqw;align-items:stretch}.dc-tabs button{position:relative;border:0;padding:0 0 1.5cqw;background:transparent;color:#d2d4db;font-size:4cqw;line-height:1}.dc-tabs button[aria-selected=true]{color:#fff}.dc-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:1.2cqw;height:.8cqw;width:7cqw;left:50%;transform:translate(-50%);border-radius:1cqw;background:#8a5dff}.dc-content{min-height:0}.dc-color-panel{display:flex;height:100%;align-items:center;justify-content:center}.dc-color-panel[hidden],.dc-scenes-panel[hidden]{display:none}.dc-wheel-area{position:relative;width:70cqw;height:70cqw}.dc-wheel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:50%;touch-action:none;background:conic-gradient(#ff262a,#f000ff,#2318ff,#00e8ff,#05ff48,#f2ff00,#ff262a 360deg)}.dc-wheel-disc{position:absolute;top:19%;right:19%;bottom:19%;left:19%;border-radius:50%;background:#090d10}.dc-selected-disc{position:absolute;top:32.5%;right:32.5%;bottom:32.5%;left:32.5%;border-radius:50%;background:rgb(var(--light-rgb));box-shadow:0 0 0 2cqw rgba(var(--light-rgb),.08),0 0 7cqw rgba(var(--light-rgb),.15)}.dc-wheel-thumb{position:absolute;left:25%;top:15%;z-index:1;width:11%;height:11%;transform:translate(-50%,-50%);border:.8cqw solid #fff;border-radius:50%;background:#ffffff0d;box-shadow:0 .5cqw 2cqw #0006;pointer-events:none}.dc-brightness{display:grid;grid-template-columns:7cqw 1fr 10cqw;align-items:center;gap:2cqw;min-width:0}.dc-sun{font-size:7cqw;line-height:1;color:#f6f6ff}.dc-brightness output{font-size:3.5cqw;line-height:1;color:#fff;text-align:right;font-variant-numeric:tabular-nums}.dc-brightness output span{margin-left:.3cqw}.dc-brightness input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:12cqw;margin:0;padding:0;background:transparent;border:0;cursor:ew-resize;accent-color:#fff;min-width:0}.dc-brightness input::-webkit-slider-runnable-track{height:.8cqw;border:0;border-radius:1cqw;background:linear-gradient(to right,#fff var(--dc-brightness),#555b64 var(--dc-brightness))}.dc-brightness input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:5cqw;height:5cqw;margin-top:-2.1cqw;border:0;border-radius:50%;background:#fff}.dc-brightness input::-moz-range-track{height:.8cqw;border:0;border-radius:1cqw;background:#555b64}.dc-brightness input::-moz-range-progress{height:.8cqw;background:#fff}.dc-brightness input::-moz-range-thumb{width:5cqw;height:5cqw;border:0;border-radius:50%;background:#fff}.dc-presets{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;align-items:center;gap:1cqw 1.8cqw;padding:1cqw 0;min-height:0}.dc-swatch{display:grid;place-items:center;padding:1cqw;width:100%;height:100%;min-width:0;min-height:0;border:.6cqw solid transparent;border-radius:3cqw;background:transparent}.dc-swatch span{display:block;width:7.5cqw;height:7.5cqw;border-radius:2cqw;background:var(--dc-swatch-color)}.dc-swatch[aria-pressed=true]{border-color:#fff9}.dc-app-bottom{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:4cqw;padding-top:2cqw}.dc-power{display:grid;place-items:center;width:100%;height:8.5cqw;border:0;padding:0;border-radius:6cqw;background:#202e4e;color:#8cbbff}.dc-power svg{width:5.8cqw;height:5.8cqw}.dc-bottom-glyph{display:block;width:5.5cqw;height:5.5cqw;color:#f6f7ff;opacity:.8}.dc-bottom-glyph svg{display:block;width:100%;height:100%}.dc-home-indicator{align-self:end;justify-self:center;width:40%;height:1.2cqw;border-radius:1cqw;background:#fff;opacity:.95}.dc-scenes-panel{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:2cqw;padding:3cqw 0;height:100%}.dc-scene{display:flex;flex-direction:column;justify-content:end;gap:2cqw;position:relative;overflow:hidden;border:.6cqw solid #29333b;border-radius:2cqw;background:#141b22;padding:2cqw;text-align:left;color:#eef1f8;font-size:3.3cqw;white-space:nowrap}.dc-scene[aria-pressed=true]{border-color:var(--dc-scene-color)}.dc-scene-light{display:block;width:100%;height:3.5cqw;border-radius:1cqw;background:linear-gradient(100deg,var(--dc-scene-color),#111820)}.dc-concept-label{margin:6px 0 0;color:#a2aaa4;text-align:center;font-size:7px;line-height:1.3;letter-spacing:1.2px}.dc-phone[data-power=off] .dc-power{color:#b5becb;background:#272d35}.dc-phone[data-power=off] .dc-selected-disc{background:#404851;box-shadow:none}.dc-phone[data-power=off] .dc-wheel{opacity:.45}.dc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.dc-controller{width:var(--dc-phone-width,174px)}.dc-concept-label{font-size:6px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.dc-phone *,.dc-phone *:before,.dc-phone *:after{transition:none!important}}.phone-screen #phone-control{width:100%;height:100%;min-width:0;min-height:0;margin:0}.phone-screen .dc-controller{width:100%;max-width:none;height:100%;min-width:0;min-height:0;container-type:inline-size}.phone-screen .dc-phone{width:100%;height:100%;min-height:0;grid-template-rows:minmax(0,5fr) minmax(0,11fr) minmax(0,10fr) minmax(0,76fr) minmax(0,15fr) minmax(0,23fr) minmax(0,12fr) minmax(0,7fr);padding:5cqw 7cqw 4cqw;border:0;border-radius:0;box-shadow:none;background:var(--dc-screen-background,#090d10)}.phone-screen .dc-camera,.phone-screen .dc-concept-label{display:none}.phone-screen .dc-phone>div{min-height:0}.phone-screen .dc-content,.phone-screen .dc-color-panel{width:100%;min-width:0;min-height:0;height:100%}.phone-screen .dc-wheel-area{height:min(70cqw,100%);width:auto;max-width:100%;aspect-ratio:1;flex:0 0 auto}.phone-screen .dc-wheel-disc{background:var(--dc-screen-background,#090d10)}.phone-screen .dc-presets{grid-auto-rows:minmax(0,1fr)}.phone-screen .dc-swatch{padding:min(1cqw,1%)}.phone-screen .dc-swatch span{max-width:100%;max-height:100%}.phone-screen .dc-power,.phone-screen .dc-brightness input{max-height:100%}.phone-screen .dc-scenes-panel{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/controller.css.map */