.global-style-preview{width:70%;min-height:550px;font-family:var(--website-font-family,var(--font-primary));padding:var(--space-3);gap:var(--space-3);grid-template-areas:"b b b c""b b b a";display:grid}.align-start{align-items:start}.global-style-preview .block{border:1px solid var(--border-color-light);border-radius:var(--border-radius-2);padding:var(--space-3)var(--space-4);background:var(--website-background-color)}.global-style-preview .block-header{font-size:var(--font-size-16);font-weight:var(--font-weight-bold);color:var(--gray-10);mix-blend-mode:difference}.global-style-preview .block-content{padding-top:var(--space-4);gap:var(--space-4);display:grid}.global-style-preview .block-content-description{width:100%;margin-bottom:var(--space-1);mix-blend-mode:difference;font-size:var(--font-size-12)!important;font-weight:var(--font-weight-bold)!important;color:var(--gray-6)!important;font-family:var(--font-primary)!important}.global-style-preview .block-content div{flex-direction:column;align-items:flex-start;display:flex}.global-style-preview .block-content div>:not(.block-content-description){cursor:pointer;display:inline-flex}.global-style-preview .block-content div>span[data-label]{font-family:var(--span-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--span-font-size);font-weight:var(--span-font-weight,normal);line-height:var(--span-line-height,1);color:var(--span-color,var(--website-color,#222));letter-spacing:var(--span-letter-spacing,0px)}.global-style-preview .block-content div>p{font-family:var(--p-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--p-font-size);font-weight:var(--p-font-weight);color:var(--p-color,var(--website-color,#222));letter-spacing:var(--p-letter-spacing,0px);line-height:var(--p-line-height,1.5);margin:0}.global-style-preview .block-content div>h1{font-family:var(--h1-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);letter-spacing:var(--h1-letter-spacing,0px);line-height:var(--h1-line-height,1.2);color:var(--h1-color,var(--website-color,#222))}.global-style-preview .block-content div>h2{font-family:var(--h2-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);letter-spacing:var(--h2-letter-spacing,0px);line-height:var(--h2-line-height,1.2);color:var(--h2-color,var(--website-color,#222))}.global-style-preview .block-content div>h3{font-family:var(--h3-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing,0px);line-height:var(--h3-line-height,1.2);color:var(--h3-color,var(--website-color,#222))}.global-style-preview .block-content div>button{font-family:var(--button-font-family,var(--website-font-family,var(--font-primary)));background:var(--button-background-color,silver);color:var(--button-color,var(--website-color,#222));font-size:var(--button-font-size);font-weight:var(--button-font-weight);border-radius:var(--button-border-radius,4px);border-style:var(--button-border-style,none);border-width:var(--button-border-width,medium);border-color:var(--button-border-color,currentcolor);padding-top:var(--button-padding-top,12px);padding-right:var(--button-padding-right,16px);padding-bottom:var(--button-padding-bottom,12px);padding-left:var(--button-padding-left,16px);line-height:var(--button-line-height,1);letter-spacing:var(--button-letter-spacing,0px);box-shadow:var(--button-box-shadow,none);width:unset!important}.global-style-preview .block-content div>button:hover{color:var(--button-hover-color,var(--website-color,#222));background:var(--button-hover-background-color,silver);box-shadow:var(--button-hover-box-shadow,none)}.global-style-preview .block-content div>a{font-family:var(--a-font-family,var(--website-font-family,var(--font-primary)));font-size:var(--a-font-size);font-weight:var(--a-font-weight);border-radius:var(--a-border-radius);color:var(--a-color,var(--website-color,#222));background-color:var(--a-background-color);-webkit-text-decoration:var(--a-text-decoration,none);text-decoration:var(--a-text-decoration,none);border-style:var(--a-border-style,none);border-width:var(--a-border-width,medium);border-color:var(--a-border-color,currentcolor);padding-top:var(--a-padding-top,0px);padding-right:var(--a-padding-right,0px);padding-bottom:var(--a-padding-bottom,0px);padding-left:var(--a-padding-left,0px);line-height:var(--a-line-height,1);letter-spacing:var(--a-letter-spacing,0px);box-shadow:var(--a-box-shadow,none)}.global-style-preview .block-content div>a:hover{color:var(--a-hover-color,var(--website-color,#222));background:var(--a-hover-background-color,none);box-shadow:var(--a-hover-box-shadow,none);-webkit-text-decoration:var(--a-hover-text-decoration,var(--a-text-decoration,none));text-decoration:var(--a-hover-text-decoration,var(--a-text-decoration,none))}.global-style-preview .block-content div>img{max-height:calc(var(--space-10)*2);border-radius:var(--img-border-radius,0px);object-fit:var(--img-object-fit,none);width:unset!important}.global-style-preview .block-content div>:focus{outline-offset:-2px;position:relative;outline:2px solid var(--editor-focus-color)!important}.global-style-preview .a{grid-area:a}.global-style-preview .b{grid-area:b}.global-style-preview .c{grid-area:c}.global-style-elements{grid-template-areas:"a a a b""a a a c"}.global-style-elements .c .block-content{grid-auto-flow:column}.global-style-elements .c .block-content>div{flex-direction:column;align-items:flex-start;display:flex}.global-style-elements .block-content>div>:not(.block-content-description):hover{cursor:pointer;outline:2px solid var(--editor-element-color);outline-offset:-2px}.global-style-attributes{grid-template-areas:"a a a b""a a a c"}.global-style-attributes .c .block-content{grid-auto-flow:column}.global-style-attributes .c .block-content>div{flex-direction:column;align-items:flex-start;display:flex}.global-style-attributes .c .block-content>div .block-content-description{font-size:var(--font-size-10)!important}.global-style-attributes .c .block-content .color{width:var(--space-11);height:var(--space-11);border-radius:var(--border-radius-1);border:1px solid var(--border-color-light)}.global-theme-preview{grid-template-areas:"a a a b"}#element-styling{border-left:1px solid var(--border-color-light);width:30%}#element-styling .tabs-content{height:521px;overflow-y:auto}.global-style-editor{width:100%!important;position:unset!important;border-radius:unset!important;max-height:unset!important;border:unset!important}.global-style-setters{border-left:1px solid var(--border-color-light);width:30%}.global-style-setters h3{font-size:var(--font-size-14);color:var(--color-primary);margin:0;margin:var(--space-6)var(--space-3)0 var(--space-3)}.global-style-setters h3:first-child{margin-top:var(--space-4)}.global-style-setters .title{font-size:var(--font-size-20);align-self:flex-start;height:100%}.global-style-setters .description{width:100%;margin:var(--space-1)var(--space-3)var(--space-2)var(--space-3);font-size:var(--font-size-14);line-height:var(--font-line-height-medium);color:var(--gray-7);padding:0}.global-style-setters .style-rows{padding:var(--space-3);grid-template-columns:repeat(2,1fr);gap:1rem;max-height:490px;display:grid;overflow-x:hidden;overflow-y:auto}.global-style-setters .style-row .select{background:unset;width:100%;padding-right:var(--space-3);border-radius:var(--border-radius-2);flex-direction:column;justify-content:space-between;align-items:center;display:flex;border-color:var(--border-color)!important}.global-style-setters .style-row .select .colours{margin-bottom:var(--space-2)}.global-style-setters .style-row .select .colours .colour{width:var(--space-7);height:var(--space-7);box-shadow:0 0 0 1px var(--border-color);border:1px solid var(--gray-10);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;margin:0 -2px;line-height:1;display:flex;position:relative;overflow:hidden}.global-style-setters .style-row .color-input{width:var(--space-4);height:var(--space-4);border:1px solid var(--border-color);border-radius:50%;position:relative;overflow:hidden!important}.global-style-setters .style-row .color-input input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:36px;height:36px;position:absolute;top:-50%;left:-50%}