.home_page__ODjSn{height:100%;width:100%;min-width:116rem;min-height:50rem;background:var(--background-highlight);color:var(--text-primary);padding:var(--spacing-l);box-sizing:border-box;display:grid;grid-template-rows:auto 1fr;grid-gap:var(--spacing-l);gap:var(--spacing-l)}.home_header__OUbfE{display:grid;align-items:center;grid-template-columns:30rem 1fr 30rem}.canvas-viewport_viewport__S2js3{height:100%;width:100%;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;&.canvas-viewport_pannable__Yj3rM{cursor:-webkit-grab;cursor:grab;>*{pointer-events:none}}&.canvas-viewport_panning__cj_f9{cursor:-webkit-grabbing;cursor:grabbing}}.canvas-viewport_container__WsxqD{box-sizing:border-box;position:absolute;top:50%;left:50%;height:var(--height);width:var(--width);overflow:hidden}.canvas_svg__1xgrp{box-sizing:border-box;width:100%;height:100%}.event-handler_container__jKngu{&:hover+rect{stroke:rgba(255,255,255,.5)}&:hover+rect.event-handler_selected__AnoaR{stroke:white}}.event-handler_rect__xtxae{position:relative;&:not(.event-handler_selected__AnoaR){pointer-events:none}&.event-handler_selected__AnoaR{stroke:white}}.resize-anchor_resizeH__mPdsZ{&:hover{cursor:col-resize}}.resize-anchor_resizeV__P_UMQ{&:hover{cursor:row-resize}}.add-shape-handler_rect__Lq52W{cursor:copy}.additional-controls_container__9SMgh{position:absolute;bottom:3rem;right:3rem;background-color:var(--background-highlight);border-radius:var(--radius-l);box-shadow:var(--shadow-dark);padding:var(--spacing-s)}.additional-controls_templates__KM5AU{display:flex;flex-direction:column;gap:1.5rem}.button_button__vzz15{white-space:nowrap;background-color:var(--background-highlight);display:flex;gap:var(--spacing-s);align-items:center;&.button_cta__0_bgE{border:none;background-color:var(--accent-blue);--notch-size:5px;-webkit-clip-path:polygon(0 var(--notch-size),var(--notch-size) 0,calc(100% - var(--notch-size)) 0,100% var(--notch-size),100% calc(100% - var(--notch-size)),calc(100% - var(--notch-size)) 100%,var(--notch-size) 100%,0 calc(100% - var(--notch-size)));clip-path:polygon(0 var(--notch-size),var(--notch-size) 0,calc(100% - var(--notch-size)) 0,100% var(--notch-size),100% calc(100% - var(--notch-size)),calc(100% - var(--notch-size)) 100%,var(--notch-size) 100%,0 calc(100% - var(--notch-size)));transition:filter .13s ease-out;&:hover{filter:brightness(1.1)}&:active{filter:brightness(.9)}}&.button_icon__wWXiu{padding:0 1rem}}.popover_popover__yU0Lp{margin:0;box-sizing:border-box;position:absolute;background-color:var(--background-highlight);border-radius:var(--radius-l);box-shadow:var(--shadow-dark);padding:var(--spacing-s);display:grid;grid-gap:var(--spacing-s);gap:var(--spacing-s);z-index:1;transition:opacity .13s ease-out,top .13s ease-out,bottom .13s ease-out;&.popover_hidden__xhMOn{opacity:0;pointer-events:none}&.popover_top__OXZNk{bottom:calc(100% + var(--offset-y));&.popover_hidden__xhMOn{bottom:calc(100%)}}&.popover_bottom__WCYwe{top:calc(100% + var(--offset-y));&.popover_hidden__xhMOn{top:100%}}&.popover_left__R5vmg{left:var(--offset-x)}&.popover_center__ooCPA{left:50%;transform:translateX(-50%)}&.popover_right__DcghW{right:var(--offset-x)}}.template-card_card__7Esww{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--border-dark);border-radius:var(--radius-s);color:var(--text-primary);position:relative;overflow:hidden;transition:border .13s ease-out;&:hover{cursor:pointer;border-color:var(--border-light)}img{width:20rem;height:auto}}.select_wrapper___j9nR{position:relative}.select_select__83IQG{width:var(--width);display:grid;grid-template-columns:1fr auto;align-items:center;&>*{list-style:none}}.color-picker_hues__OY0Xy{border-bottom:1px solid var(--border-dark);margin:0 -1rem;padding:0 1rem}.color-picker_hue__mRcLO{padding:0 1rem 1px;border-radius:0;margin-bottom:-1px;border:none;border-bottom:1px solid transparent;&.color-picker_active__u27kk{border-bottom-color:var(--accent-blue)}}.icon_shape__4I1Ul{box-sizing:border-box;width:2.25rem;height:2.25rem;&.icon_circle__aaaC8{border-radius:50%}&.icon_dash__bGu_o{border:1px dashed var(--color)}&.icon_outline__uy62V{border:1px solid var(--color)}&.icon_fill__YNSAg{background:var(--color)}&.icon_stripe__qaFyV{background:repeating-linear-gradient(-45deg,transparent 0,transparent 12%,var(--color) 18%,transparent 19%) 0 0 fixed;background-size:2.25rem 2.25rem}}.shape-controls_container__FHMH3{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);background-color:var(--background-highlight);border-radius:var(--radius-l);box-shadow:var(--shadow-dark);padding:var(--spacing-s)}.shape-controls_label__9WNwW{border:none;color:var(--text-tertiary);white-space:nowrap;code{background-color:rgba(255,255,255,.1);border-radius:.5rem;padding:0 .5rem;height:2.5rem;margin:0 .75rem;display:grid;place-items:center;line-height:1.5rem}&.shape-controls_mac__Njjbg{code{font-size:2rem}}}.shape-opacity-picker_button__eyetM{width:6rem;display:flex;gap:var(--spacing-s);align-items:center;justify-content:center}.zoom-controls_text__FU0AH{color:var(--text-tertiary);width:4rem;text-align:center;transition:filter .13s ease-out;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{cursor:pointer;filter:brightness(1.2)}}.editor_editor__ByFzO{position:relative;background:var(--background-dark);border:1px solid var(--border-dark);border-radius:var(--radius-m);overflow:hidden}