#breakpoints-dialog .draggable-dialog-handle .dialog-body{padding:5px}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions{display:flex;flex-flow:column;justify-content:center}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition{display:flex;flex-flow:row;justify-content:flex-start;align-items:center;padding:1px;border-radius:3px;transition:background-color .3s ease}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition:last-of-type .remove-breakpoint{display:none}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition.to-be-removed{background-color:#8e8e8e}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition.selected-for-removal{background-color:#770505}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition.selected-for-removal .remove-breakpoint:hover{background-image:url(../images/icon-trash-white.svg)}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition .remove-breakpoint{background-image:url(../images/icon-minus.svg);background-size:contain;background-position:50%;width:15px;height:15px;cursor:pointer;margin-left:5px}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition .remove-breakpoint:hover{background-image:url(../images/icon-minus-hover.svg)}#breakpoints-dialog .draggable-dialog-handle .dialog-body .breakpoints-definitions .breakpoint-definition input{width:50px;box-sizing:border-box;text-align:center;padding-top:2px;height:22px;border-radius:5px}#dialogs-layer{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}#dialogs-layer .draggable-dialog{pointer-events:all}.draggable-dialog{position:absolute;top:150px;left:calc(100% - 150px);box-shadow:0 4px 8px rgba(0,0,0,.2);font-family:sans-serif;user-select:none;z-index:4;border-radius:7px;font-size:var(--typography-body)}.draggable-dialog.minimized{display:none}.draggable-dialog .draggable-dialog-handle{position:relative;top:0;left:0;width:100%;height:100%;cursor:move;border-radius:5px;background-color:#000;border:1px solid #444;box-sizing:border-box}.draggable-dialog .dialog-heading{display:flex;flex-flow:row;justify-content:flex-start;align-items:center;background-color:#dcdcdc;border-top-left-radius:7px;border-top-right-radius:7px;font-size:12px}.draggable-dialog .dialog-heading .dialog-heading-label{margin-left:4px;margin-right:5px;padding-block:3px}.draggable-dialog .dialog-heading .dialog-close-button{background-image:url(../images/icon-close.svg);background-size:contain;background-position:50%;width:18px;height:18px;cursor:pointer}.draggable-dialog .dialog-heading .dialog-close-button:hover{background-image:url(../images/icon-close-hover.svg)}.draggable-dialog .dialog-body{padding:2px;color:#000;transition:opacity .3s ease}.draggable-dialog .dialog-body input:read-only{background-color:#ededed;border:1px solid #ededed}.draggable-dialog .dialog-body input[type=number]::-webkit-inner-spin-button,.draggable-dialog .dialog-body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.draggable-dialog .dialog-body input[type=number]{-moz-appearance:textfield}#playground-canvas{position:relative;display:flex;flex-flow:row;flex-wrap:nowrap}#playground-canvas #dummy-playground-canvas-spacer{min-width:1px}#playground-canvas #playground-canvas-invisible-overlay{position:fixed;left:0;top:0;width:100vw;height:100vw;z-index:1;display:none}:root{--typography-body-font-size:15px;--typography-dialog-heading-font-size:15px;--typography-dialog-label-font-size:13px;--typography-dialog-input-font-size:13px}[data-typo=body]{font-family:bornaregular,sans-serif;font-size:var(--typography-body-font-size)}[data-typo=dialog-heading]{font-family:bornasemibold,sans-serif;font-size:var(--typography-dialog-heading-font-size);letter-spacing:.5px;padding-block:2px;padding-inline:3px}[data-typo=dialog-label]{font-family:bornasemibold,sans-serif;font-size:var(--typography-dialog-label-font-size)}[data-typo=dialog-input]{font-family:bornaregular,sans-serif;font-size:var(--typography-dialog-input-font-size)}#menu-bar{position:fixed;top:0;left:0;width:100%;height:40px;background-color:#000;justify-content:space-between;padding-inline:10px;box-sizing:border-box}#menu-bar,#menu-bar .menu-item{display:flex;flex-flow:row;align-items:center;color:#fff}#menu-bar .menu-item{margin-right:4px;margin-left:4px;opacity:1;justify-content:flex-start;font-size:12px}#menu-bar .menu-item:hover{opacity:1}#menu-bar .menu-item label{margin-right:10px}#menu-bar .menu-item input{font-size:13px;flex-grow:1;background-color:#2c2929;color:#fff;border:none;outline:none;padding:6px 8px 4px;border-radius:10px}#menu-bar .check-url{width:600px}#menu-bar .button{border:1px solid #ddd;color:#ddd;padding:4px 8px;border-radius:10px;font-size:13px;user-select:none}#menu-bar .button:hover{border-color:#fff;color:#000;background-color:#fff;cursor:pointer}#menu-bar .left-part,#menu-bar .right-part,#menu-bar .right-part .sponsored-by{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}#menu-bar .right-part .sponsored-by{font-size:12px}#menu-bar .right-part .sponsored-by .sponsored-text{padding-right:8px}#menu-bar .right-part .sponsored-by img.kloos-logo{height:13px;width:auto}#breakpoint-canvases{display:flex;flex-flow:row;justify-content:flex-start;flex-wrap:nowrap;transform-origin:top left}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas-sizing{color:#fff;display:flex;flex-flow:row;justify-content:space-between;align-items:center;font-size:calc(12 / var(--scale) * 1px);padding-block:calc(5 / var(--scale) * 1px);margin-right:50px}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas-sizing .breakpoint-canvas-size-constraints{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas-sizing .breakpoint-canvas-size-current-wrapper .breakpoint-canvas-size-current{font-size:calc(11 / var(--scale) * 1px);width:calc(25 / var(--scale) * 1px);padding-block:calc(2 / var(--scale) * 1px);text-align:center;border-radius:calc(5 / var(--scale) * 1px)}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas{height:calc(100vh / var(--scale) - 100px / var(--scale));position:relative;margin-right:50px;display:flex;flex-flow:row;justify-content:flex-start}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas .iframe-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:3;user-select:none;opacity:.2;background-color:#ffa700}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas .iframe-cover.active{display:block}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:scroll;border:none;user-select:none}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas .sizing-handle{width:10px;height:100%;cursor:ew-resize;position:absolute;right:-10px;top:0}#breakpoint-canvases .breakpoint-canvas-wrapper .breakpoint-canvas .sizing-handle:hover{background-color:#ffa700}#scale-slider-container{display:flex;align-items:center;gap:10px;font-family:sans-serif;margin:20px;color:#fff;font-size:13px}#scale-slider{position:relative;width:100px;height:8px;background:#ccc;border-radius:4px;cursor:pointer}#scale-knob{position:absolute;top:-4px;width:16px;height:16px;background:#ffa700;border-radius:50%;cursor:grab}#scale-value{width:20px;text-align:right}:root{--scale:1}body{margin:0;padding:50px 0 0 25px;overflow-y:hidden;background-color:#222}body,input,select,textarea{font-family:bornaregular,sans-serif;font-size:var(--typography-body-font-size)}#clipboard-test{display:none;width:500px;height:100vh;position:fixed;right:0;top:0;background-color:#888}#clipboard-test #paste-target img{display:none}#clipboard-test #image-preview{width:100%;height:auto}