:root:has(.device-viewport) body:before{content:none}:root:has(.device-viewport) body:after{content:none}.website-preview{background:#edf0f4;height:100svh;overflow:hidden}.device-viewport{color:#17212f;background:#edf0f4;flex-direction:column;height:100%;min-height:0;font:500 14px/1.3 Averta,sans-serif;display:flex}.device-viewport-toolbar{z-index:1;background:#fff;border-bottom:1px solid #dce1e8;flex:none;justify-content:center;align-items:center;gap:16px;min-height:58px;padding:7px 12px;transition:margin-top .2s,opacity .2s;display:flex;position:relative}.device-viewport-toolbar[data-hidden]{margin-top:calc(-1 * var(--toolbar-height));opacity:0;pointer-events:none}.device-viewport-toolbar:has([aria-expanded=true]){opacity:1;pointer-events:auto;margin-top:0}.device-viewport-picker{justify-content:center;align-items:center;gap:16px;display:flex}.device-viewport-toolbar[data-equipped]{z-index:50;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;display:grid}.device-viewport-start,.device-viewport-end{min-width:0}.device-viewport-end{justify-self:end}.editor-navigation,.editor-actions{align-items:center;gap:8px;display:flex}.editor-actions{flex-wrap:nowrap!important}.device-viewport-toolbar .admin-button-ghost{color:#17212f;background:#fff;border-color:#dce1e8;border-radius:9px;min-height:38px;padding:8px 10px;font:600 13px/1.3 Averta,sans-serif}.device-viewport-toolbar .admin-button-ghost svg{width:16px;height:16px}.device-viewport-toolbar .admin-button{border-radius:9px;min-height:38px;padding:8px 12px;font-size:13px}.editor-save-state{color:#667085;white-space:nowrap;font-size:12px}.admin-root:has(.admin-page--edit){flex-direction:column;display:flex}.admin-root:has(.admin-page--edit)>.admin-page--edit{flex:1}@media (width<=1199px){.editor-save-state{display:none}}@media (width<=1059px){.device-viewport-toolbar[data-equipped]{grid-template-columns:minmax(0,1fr) auto}.device-viewport-toolbar[data-equipped] .device-viewport-picker{grid-area:2/1/auto/-1}}@media (width<=600px){.device-viewport-toolbar[data-equipped][data-picker-hidden]{grid-template-columns:minmax(0,1fr) auto}.editor-navigation>a span,.editor-preview span{display:none}.editor-navigation,.editor-actions{gap:4px}.device-viewport-toolbar[data-equipped]{gap:5px;padding-inline:6px}}.device-viewport-buttons{background:#f2f4f7;border:1px solid #e1e6ed;border-radius:12px;gap:4px;padding:3px;display:flex}.device-viewport-buttons button{color:#586475;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;display:inline-flex}.device-viewport-buttons button:hover{color:#17212f;background:#e4eaf0}.device-viewport-buttons button[aria-pressed=true]{color:#fff;background:#17212f;box-shadow:0 2px 5px #17212f20}.device-viewport-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.device-viewport-buttons svg{flex:none;width:17px;height:17px}.device-viewport-size{color:#667085;font-variant-numeric:tabular-nums;min-width:45px;font-size:12px}.device-viewport-canvas{flex:auto;justify-content:center;min-height:0;padding-block:0;transition:padding-block .42s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.device-viewport-canvas:is([data-device=tablet],[data-device=mobile]){padding-block:16px}.device-viewport-screen{border-radius:0;flex:none;transition:width .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #dce1e8,0 10px 40px #17212f16}.device-viewport-canvas[data-device=desktop] .device-viewport-screen{box-shadow:none}.device-viewport-canvas[data-device=tablet] .device-viewport-screen{border-radius:20px}.device-viewport-canvas[data-device=mobile] .device-viewport-screen{border-radius:26px}.device-viewport-content{transform-origin:0 0;transition:width .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.device-viewport-content>iframe{background:#fff;border:0;width:100%;height:100%;display:block}@media (width<=479px){.device-viewport-toolbar{gap:8px;padding-inline:6px}.device-viewport-buttons button{gap:5px;padding-inline:9px;font-size:12px}.device-viewport-size{min-width:40px;font-size:11px}}@media (prefers-reduced-motion:reduce){.device-viewport-toolbar,.device-viewport-canvas,.device-viewport-screen,.device-viewport-content{transition:none}}