.wpd-device{max-width:420px;margin:25px auto;color:#fff;font-family:inherit}.wpd-hardware{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;position:relative;width:100%;line-height:0;filter:drop-shadow(0 18px 24px #0004);transform:perspective(700px) rotateY(var(--tilt-x)) rotateX(var(--tilt-y));transform-origin:center center;transition:transform 80ms cubic-bezier(.2,.7,.2,1),filter 120ms ease;will-change:transform,filter}.wpd-hardware::after{content:"";position:absolute;inset:2% 8%;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .16) 50%,transparent 65%);background-position:var(--shine-x) 0;background-size:180% 100%;mix-blend-mode:screen;opacity:.45;border-radius:8%;transition:background-position 100ms ease}.wpd-device-image{display:block;width:100%;height:auto}.wpd-screen-overlay{position:absolute;left:38.6%;top:23.1%;width:25%;height:14.2%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.wpd-lcd{--lcd-brightness:1.02;--sweep-duration:3s;--sweep-distance:155%;--sweep-opacity:.48;--sheen-duration:4.5s;position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#172019;text-align:center;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(to bottom,#1be262 0 18%,#e9f8e5 18% 82%,#ef3b3b 82% 100%);border:1px solid #58635b;box-sizing:border-box;box-shadow:inset 0 0 6px #dffff0,inset 0 0 10px #63ff9a77,0 0 4px #54ff8c77,0 0 10px #20df6877;filter:brightness(var(--lcd-brightness));will-change:filter,box-shadow}.wpd-lcd::before{content:"";position:absolute;z-index:-1;top:-30%;left:-28%;width:42%;height:160%;border-radius:50%;background:radial-gradient(ellipse,#68ff9c88 0%,#32e87944 34%,transparent 72%);filter:blur(5px);opacity:var(--sweep-opacity);animation:wpd-neon-sweep var(--sweep-duration) cubic-bezier(.45,.05,.55,.95) infinite alternate;pointer-events:none}.wpd-lcd::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff18 42%,transparent 62%);transform:translateX(-120%);animation:wpd-lcd-sheen var(--sheen-duration) ease-in-out infinite;pointer-events:none}.wpd-lcd-main{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 3%;box-sizing:border-box;font-size:clamp(6px,1.7vw,12px);line-height:1.25;font-weight:700;direction:rtl;white-space:normal;text-shadow:0 0 2px #fff,0 0 5px #b7ffca,0 0 8px #66ff91}.wpd-lcd.has-number .wpd-lcd-main{font-family:monospace;direction:ltr;font-size:clamp(7px,1.65vw,12px);letter-spacing:-.25px}.wpd-lcd-top,.wpd-lcd-bottom{display:none}.wpd-lcd.lcd-success .wpd-lcd-main{color:#075b22}.wpd-lcd.lcd-error .wpd-lcd-main{color:#9b111e}.wpd-lcd.lcd-loading .wpd-lcd-main{color:#765500}@keyframes wpd-neon-sweep{0%{transform:translateX(0) scaleY(.96)}45%{transform:translateX(35%) scaleY(1.02)}100%{transform:translateX(var(--sweep-distance)) scaleY(1.04)}}@keyframes wpd-lcd-sheen{0%,55%{transform:translateX(-120%);opacity:0}70%{opacity:.7}100%{transform:translateX(120%);opacity:0}}.wpd-hotspots{position:absolute;inset:0}.wpd-magnifier{position:absolute;z-index:5;left:50%;top:50%;width:13%;aspect-ratio:1;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.72);background-image:url(/wp-content/plugins/wp-phone-device/assets/device.png);background-repeat:no-repeat;background-color:#fff0;background-position:center;border:0;box-shadow:none;filter:none;transition:opacity 120ms ease,transform 160ms cubic-bezier(.2,.8,.2,1)}.wpd-magnifier.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.wpd-magnifier.is-pressing{opacity:0;transform:translate(-50%,-50%) scale(.72)}.wpd-key,.wpd-clear,.wpd-submit{position:absolute;border:0;border-radius:50%;cursor:pointer;padding:0;background:transparent!important;box-shadow:none!important;transition:transform 140ms ease;touch-action:manipulation;-webkit-tap-highlight-color:#fff0;transform:translate(-50%,-50%)}.wpd-key:hover,.wpd-clear:hover,.wpd-submit:hover,.wpd-key.is-hovered,.wpd-clear.is-hovered,.wpd-submit.is-hovered{transform:translate(-50%,-50%) scale(1.2);filter:none;box-shadow:none!important}.wpd-key.is-pressed,.wpd-clear.is-pressed,.wpd-submit.is-pressed{filter:none;transform:translate(-50%,-50%) scale(.9)!important}.wpd-key:active,.wpd-clear:active,.wpd-submit:active{transform:translate(-50%,-50%) scale(.9)!important}.wpd-key:focus-visible,.wpd-clear:focus-visible,.wpd-submit:focus-visible{outline:2px solid rgb(255 255 255 / .85);outline-offset:1px}.wpd-key-1{left:35%;top:43.5%;width:7.6%;height:5.9%}.wpd-key-2{left:51%;top:43.5%;width:7.6%;height:5.9%}.wpd-key-3{left:67.5%;top:43.5%;width:7.6%;height:5.9%}.wpd-key-4{left:35%;top:53.8%;width:7.6%;height:5.9%}.wpd-key-5{left:51%;top:53.8%;width:7.6%;height:5.9%}.wpd-key-6{left:67.5%;top:53.8%;width:7.6%;height:5.9%}.wpd-key-7{left:35%;top:64%;width:7.6%;height:5.9%}.wpd-key-8{left:51%;top:64%;width:7.6%;height:5.9%}.wpd-key-9{left:67.5%;top:64%;width:7.6%;height:5.9%}.wpd-key-0{left:51%;top:74.3%;width:7.6%;height:5.9%}.wpd-clear{left:35%;top:74.3%;width:7.6%;height:5.9%}.wpd-submit{left:67.5%;top:74.3%;width:7.6%;height:5.9%}.wpd-message{text-align:center;min-height:22px;margin-top:14px;font-size:14px;color:#333}.wpd-message.success{color:#198754}.wpd-message.error{color:#c62828}