:root{--frames-shadow-device:0 32px 80px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.22);--frames-laptop-shell-top:#d0d0d0;--frames-laptop-shell-mid:#b8b8b8;--frames-laptop-shell-bot:#a8a8a8;--frames-laptop-bezel:#111;--frames-laptop-hinge:#909090;--frames-laptop-base-top:silver;--frames-laptop-base-bot:#a0a0a0;--frames-laptop-camera:#2a2a2a;--frames-laptop-screen-bg:#fff;--frames-tablet-shell-top:#c4c4c4;--frames-tablet-shell-bot:#a8a8a8;--frames-tablet-btn:#878787;--frames-tablet-screen-bg:#fff;--frames-phone-shell-outer:#1c1c1e;--frames-phone-shell-inner:#111;--frames-phone-btn:#2a2a2a;--frames-phone-notch:#111;--frames-phone-screen-bg:#fff;--frames-device-screen-slot-bg:#efefef;--frames-device-screen-slot-grid:rgba(0,0,0,.055);--frames-device-lens:#1c1c1c;--frames-device-phone-btn-mid:#363638;--frames-device-laptop-hinge-mid:#b4b4b4;--frames-device-laptop-hinge-bot:#c8c8c8}.wp-block-frames-device{container-type:inline-size;flex-shrink:0;position:relative}.wp-block-frames-device__screen{background-color:var(--frames-device-screen-slot-bg);background-image:repeating-conic-gradient(var(--frames-device-screen-slot-grid) 0 25%,transparent 0 50%);background-size:clamp(10px,1.84cqw,14px) clamp(10px,1.84cqw,14px);overflow:auto}.wp-block-frames-device__btn{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3);position:absolute}.wp-block-frames-device__statusbar{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;left:0;pointer-events:none;position:sticky;right:0;top:0;z-index:12}.wp-block-frames-device__statusbar-left{font-weight:600;letter-spacing:.01em}.wp-block-frames-device__statusbar-right{align-items:center;display:flex}.wp-block-frames-device__screen-content>:last-child{margin-bottom:0}.wp-block-frames-device__btn--power{border-radius:0 2px 2px 0}.wp-block-frames-device__btn--silent,.wp-block-frames-device__btn--vol-down,.wp-block-frames-device__btn--vol-up{border-radius:2px 0 0 2px}.wp-block-frames-device--laptop{filter:drop-shadow(0 28px 52px rgba(0,0,0,.36)) drop-shadow(0 8px 18px rgba(0,0,0,.2));margin-inline:auto;width:min(100%,680px)}.wp-block-frames-device--laptop .wp-block-frames-device__lid{aspect-ratio:16/10;background:linear-gradient(165deg,var(--frames-laptop-shell-top) 0,var(--frames-laptop-shell-mid) 55%,var(--frames-laptop-shell-bot) 100%);border-radius:10px 10px 0 0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75),inset 1px 0 0 hsla(0,0%,100%,.3),inset -1px 0 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1);margin:0 auto;padding:2.2% 1.8% 2.8%;position:relative;width:98%}.wp-block-frames-device--laptop .wp-block-frames-device__bezel{background:var(--frames-laptop-bezel);border-radius:5px 5px 0 0;height:100%;overflow:hidden;position:relative;width:100%}.wp-block-frames-device--laptop .wp-block-frames-device__screen{border-radius:4px 4px 0 0;inset:0;overflow-x:hidden;overflow-y:auto;position:absolute;scrollbar-color:rgba(0,0,0,.28) #e8e8e8;scrollbar-width:thin}.wp-block-frames-device--laptop .wp-block-frames-device__screen::-webkit-scrollbar{width:3px}.wp-block-frames-device--laptop .wp-block-frames-device__screen::-webkit-scrollbar-track{background:#e8e8e8}.wp-block-frames-device--laptop .wp-block-frames-device__screen::-webkit-scrollbar-thumb{background:rgba(0,0,0,.28);border-radius:9999px}.wp-block-frames-device--laptop .wp-block-frames-device__screen::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.45)}.wp-block-frames-device--laptop .wp-block-frames-device__notch{background:var(--frames-laptop-camera);border-radius:0 0 6px 6px;height:clamp(5px,1.5%,11px);left:50%;position:absolute;top:0;transform:translateX(-50%);width:clamp(36px,8%,58px);z-index:2}.wp-block-frames-device--laptop .wp-block-frames-device__notch:after{background:var(--frames-device-lens);border-radius:50%;box-shadow:0 0 0 clamp(1px,.2cqw,1.5px) hsla(0,0%,100%,.04);content:"";height:clamp(3px,.66cqw,5px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(3px,.66cqw,5px)}.wp-block-frames-device--laptop .wp-block-frames-device__hinge{background:linear-gradient(to bottom,var(--frames-laptop-hinge) 0,var(--frames-device-laptop-hinge-mid) 55%,var(--frames-device-laptop-hinge-bot) 100%);height:clamp(5px,1.18cqw,8px);margin:0 auto;position:relative;width:98%}.wp-block-frames-device--laptop .wp-block-frames-device__hinge:before{background:rgba(0,0,0,.18);border-radius:9999px;content:"";height:clamp(1px,.2cqw,1.5px);left:6%;position:absolute;right:6%;top:clamp(1px,.26cqw,2px)}.wp-block-frames-device--laptop .wp-block-frames-device__base{background:linear-gradient(to bottom,var(--frames-laptop-base-top) 0,var(--frames-laptop-base-bot) 100%);border-radius:clamp(2px,.4cqw,3px) clamp(2px,.4cqw,3px) clamp(10px,1cqw,15px) clamp(10px,1cqw,15px);box-shadow:0 clamp(4px,1.05cqw,8px) clamp(12px,3.68cqw,28px) rgba(0,0,0,.28),0 clamp(2px,.26cqw,2px) clamp(4px,1.05cqw,8px) rgba(0,0,0,.18);clip-path:polygon(-1% 0,101% 0,105% 100%,-5% 100%);height:clamp(14px,3.82cqw,26px);margin-left:-2%;position:relative;width:104%}.wp-block-frames-device--laptop .wp-block-frames-device__base:after{background:rgba(0,0,0,.18);border-radius:0 0 clamp(2px,.4cqw,3px) clamp(2px,.4cqw,3px);bottom:0;content:"";height:clamp(2px,.53cqw,4px);left:0;position:absolute;right:0}.wp-block-frames-device--laptop .wp-block-frames-device__base:before{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.14);border-radius:clamp(2px,.4cqw,3px);content:"";height:64%;left:50%;position:absolute;top:14%;transform:translateX(-50%);width:20%}.wp-block-frames-device--tablet{filter:drop-shadow(var(--frames-shadow-device));margin-inline:auto;width:min(100%,420px)}.wp-block-frames-device--tablet .wp-block-frames-device__shell{aspect-ratio:3/4;background:linear-gradient(150deg,var(--frames-tablet-shell-top) 0,var(--frames-tablet-shell-bot) 100%);border-radius:clamp(14px,5.24cqw,22px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),inset 0 -1px 0 rgba(0,0,0,.35),inset 1px 0 0 hsla(0,0%,100%,.04),inset -1px 0 0 rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;position:relative;width:100%}.wp-block-frames-device--tablet .wp-block-frames-device__screen{border-radius:clamp(10px,3.29cqw,18px);bottom:2%;left:2%;overflow:auto;position:absolute;right:2%;scrollbar-width:none;top:2%;-ms-overflow-style:none;margin-bottom:-2px;margin-top:-2px}.wp-block-frames-device--tablet .wp-block-frames-device__screen::-webkit-scrollbar{display:none}.wp-block-frames-device--tablet .wp-block-frames-device__notch{background:var(--frames-phone-notch);border-radius:9999px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1);height:clamp(6px,2.14cqw,9px);left:50%;position:absolute;top:clamp(11px,4.14cqw,18px);transform:translate(-50%,-50%);width:clamp(28px,9.52cqw,40px);z-index:15}.wp-block-frames-device--tablet .wp-block-frames-device__notch:after{background:var(--frames-device-lens);border-radius:50%;box-shadow:0 0 0 clamp(1px,.24cqw,1.5px) hsla(0,0%,100%,.1),inset 0 1px 2px hsla(0,0%,100%,.06);content:"";height:clamp(4px,1.43cqw,6px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(4px,1.43cqw,6px)}.wp-block-frames-device--tablet .wp-block-frames-device__statusbar{font-size:clamp(10px,3.1cqw,13px);height:clamp(18px,12cqw,22px);padding:clamp(6px,2.38cqw,10px) calc(clamp(10px,3.33cqw,14px) + 5px)}.wp-block-frames-device--tablet .wp-block-frames-device__statusbar-right{gap:clamp(6px,1.9cqw,8px)}.wp-block-frames-device--tablet .wp-block-frames-device__screen-content{background:var(--frames-tablet-screen-bg)}.wp-block-frames-device--tablet .wp-block-frames-device__home-indicator{bottom:0;display:flex;justify-content:center;left:0;padding-bottom:clamp(6px,1.9cqw,8px);pointer-events:none;position:absolute;right:0;z-index:11}.wp-block-frames-device--tablet .wp-block-frames-device__home-indicator:after{background:rgba(0,0,0,.18);border-radius:9999px;content:"";display:block;height:clamp(3px,.71cqw,3px);margin-bottom:20px;width:28%}.wp-block-frames-device--tablet .wp-block-frames-device__btn{background:linear-gradient(to right,var(--frames-tablet-shell-bot) 0,var(--frames-tablet-btn) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.35),2px 0 4px rgba(0,0,0,.22)}.wp-block-frames-device--tablet .wp-block-frames-device__btn--power{border-radius:0 2px 2px 0;height:5%;right:clamp(-4px,-.95cqw,-3px);top:6%;width:clamp(3px,.95cqw,4px)}.wp-block-frames-device--tablet .wp-block-frames-device__btn--vol-up{top:16%}.wp-block-frames-device--tablet .wp-block-frames-device__btn--vol-down,.wp-block-frames-device--tablet .wp-block-frames-device__btn--vol-up{background:linear-gradient(to left,var(--frames-tablet-shell-bot) 0,var(--frames-tablet-btn) 100%);border-radius:2px 0 0 2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.35),-2px 0 4px rgba(0,0,0,.22);height:7%;left:clamp(-4px,-.95cqw,-3px);width:clamp(3px,.95cqw,4px)}.wp-block-frames-device--tablet .wp-block-frames-device__btn--vol-down{top:25%}.wp-block-frames-device--phone{filter:drop-shadow(var(--frames-shadow-device));margin-inline:auto;width:min(100%,280px)}.wp-block-frames-device--phone .wp-block-frames-device__shell{aspect-ratio:9/19.5;background:linear-gradient(150deg,var(--frames-phone-shell-outer) 0,var(--frames-phone-shell-inner) 100%);border-radius:clamp(24px,15.71cqw,36px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.09),inset 0 -1px 0 rgba(0,0,0,.35),inset 1px 0 0 hsla(0,0%,100%,.05),inset -1px 0 0 rgba(0,0,0,.22),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;position:relative;width:100%}.wp-block-frames-device--phone .wp-block-frames-device__screen{border-radius:clamp(24px,15.71cqw,32px);bottom:2%;left:2%;overflow:auto;position:absolute;right:2%;scrollbar-width:none;top:2%;-ms-overflow-style:none;margin-bottom:-5px;margin-top:-5px}.wp-block-frames-device--phone .wp-block-frames-device__screen::-webkit-scrollbar{display:none}.wp-block-frames-device--phone .wp-block-frames-device__notch{background:var(--frames-phone-notch);border-radius:9999px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1);height:clamp(6px,3.57cqw,10px);left:50%;position:absolute;top:clamp(9px,5.21cqw,15px);transform:translate(-50%,-50%);width:clamp(26px,13.57cqw,38px);z-index:15}.wp-block-frames-device--phone .wp-block-frames-device__notch:after{background:var(--frames-device-lens);border-radius:50%;box-shadow:0 0 0 clamp(1px,.36cqw,1.5px) hsla(0,0%,100%,.1),inset 0 1px 2px hsla(0,0%,100%,.06);content:"";height:clamp(4px,2.14cqw,6px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(4px,2.14cqw,6px)}.wp-block-frames-device--phone .wp-block-frames-device__statusbar{font-size:clamp(10px,4.64cqw,13px);height:clamp(18px,12cqw,28px);padding:clamp(6px,3.57cqw,10px) calc(clamp(10px,5cqw,14px) + 5px)}.wp-block-frames-device--phone .wp-block-frames-device__statusbar-right{gap:clamp(6px,2.86cqw,8px)}.wp-block-frames-device--phone .wp-block-frames-device__screen-content{background:var(--frames-phone-screen-bg)}.wp-block-frames-device--phone .wp-block-frames-device__home-indicator{bottom:0;display:flex;justify-content:center;left:0;padding-bottom:clamp(6px,2.86cqw,10px);pointer-events:none;position:absolute;right:0;z-index:11}.wp-block-frames-device--phone .wp-block-frames-device__home-indicator:after{background:hsla(0,0%,100%,.18);border-radius:9999px;content:"";display:block;height:clamp(3px,1.07cqw,4px);margin-bottom:15px;width:36%}.wp-block-frames-device--phone .wp-block-frames-device__btn{background:linear-gradient(to right,var(--frames-phone-btn) 0,var(--frames-device-phone-btn-mid) 50%,var(--frames-phone-btn) 100%)}.wp-block-frames-device--phone .wp-block-frames-device__btn--power{height:13%;right:clamp(-3px,-1.07cqw,-2px);top:29%;width:clamp(2px,1.07cqw,3px)}.wp-block-frames-device--phone .wp-block-frames-device__btn--vol-up{height:9%;left:clamp(-3px,-1.07cqw,-2px);top:25%;width:clamp(2px,1.07cqw,3px)}.wp-block-frames-device--phone .wp-block-frames-device__btn--vol-down{height:9%;left:clamp(-3px,-1.07cqw,-2px);top:36%;width:clamp(2px,1.07cqw,3px)}.wp-block-frames-device--phone .wp-block-frames-device__btn--silent{height:5%;left:clamp(-3px,-1.07cqw,-2px);top:17%;width:clamp(2px,1.07cqw,3px)}