.elementsPage_elementsPage__xBXFL{display:flex;flex-direction:column;gap:2rem}.elementsPage_themeColours__MPQj4{display:flex;flex-direction:column;gap:1rem}#elementsPage_primary-colour-picker__5U9kb{background-color:var(--color-primary);color:var(--color-primary)}.elementsPage_primaryColourPickerSample__xOJwr{background-color:var(--color-primary);width:max-content;border-radius:var(--borderRadius);display:flex;align-items:center;gap:1rem;padding:.5rem}.elementsPage_primaryColourPickerSample__xOJwr label{padding:.5rem}.elementsPage_secondaryColourPickerSample__PV2Tj{background-color:var(--color-secondary);width:max-content;border-radius:var(--borderRadius);display:flex;align-items:center;gap:1rem;padding:.5rem}.elementsPage_secondaryColourPickerSample__PV2Tj label{padding:.5rem}.button_primary__q4mcz{cursor:pointer;padding:1rem;width:max-content;height:max-content;min-width:10rem;border-radius:var(--borderRadius);border:2px solid var(--color-secondary);background-color:var(--color-primary);color:var(--foreground);font-weight:600}.button_secondary__UTcwa{background-color:var(--color-secondary)}.button_danger___55aN,.button_secondary__UTcwa{cursor:pointer;padding:1rem;width:max-content;height:max-content;min-width:10rem;border-radius:var(--borderRadius);border:2px solid var(--color-primary);color:var(--foreground);font-weight:600}.button_danger___55aN{background-color:var(--color-danger)}.button_small__LGtRo{min-width:none;padding:.2rem .5rem;font-size:1rem}.button_medium__49Pw5{min-width:10rem;padding:.5rem;font-size:1.2rem}.button_large___eSxy{min-width:20rem;padding:1rem;font-size:1.5rem}.theme_themeSample__SwZtQ{padding:1rem;border-radius:var(--borderRadius)}.themeDemo_themeDemo__zakNH{padding:1rem;background-color:var(--background);color:var(--foreground);display:flex;flex-direction:column;gap:1rem}.themeEdit_themeEdit__qMiN_{padding:1rem}.themeEdit_themeEdit__qMiN_ .themeEdit_themeColours__HFq6a{max-width:500px;display:grid;grid-template-columns:repeat(2,max-content) 1fr;grid-gap:.5rem;gap:.5rem}@media(max-width:460px){.themeEdit_themeEdit__qMiN_ .themeEdit_themeColours__HFq6a{grid-template-columns:repeat(2,1fr)}}.themeEdit_themeEdit__qMiN_ .themeEdit_editorButtons__7Vmx6{margin-top:1rem;grid-column:span 3;display:flex;justify-content:end;gap:1rem}.themeEdit_nameProperty__Hq7R7{cursor:pointer;font-size:2.5rem;display:grid;grid-template-columns:subgrid;grid-column:1/-1}.themeEdit_nameProperty__Hq7R7 span{text-align:right}.themeEdit_nameProperty__Hq7R7:hover{background-color:var(--color-primary)}.themeEdit_nameProperty__Hq7R7 .themeEdit_name__pDjfs{grid-column:span 2;text-align:start;display:flex;justify-content:space-between}.themeEdit_nameProperty__Hq7R7 .themeEdit_pencilBox__SNDJS{display:inline-block;position:relative;height:2rem;width:2rem}.themeEdit_nameProperty__Hq7R7 .themeEdit_pencilBox__SNDJS svg{fill:var(--foreground)}.themeEdit_editNameModalContent__f7IE3{padding:1rem}.themeEdit_colourProperty__Die9i{width:max-content;display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-gap:1rem;gap:1rem;align-items:center;font-size:2.5rem}.themeEdit_colourProperty__Die9i:hover{background-color:var(--color-primary)}.themeEdit_colourProperty__Die9i .themeEdit_propertyName__k6q8M{text-align:end}.themeEdit_colourProperty__Die9i input{cursor:pointer;width:100%}@media(max-width:460px){.themeEdit_colourProperty__Die9i input{grid-column:span 2}}.modal_modalPosition__QctM_{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.modal_modalPosition__QctM_ .modal_backdrop__bTymo{position:absolute;pointer-events:none;height:100%;width:100%;background-color:var(--background);opacity:0;transition:opacity .4s}.modal_modalPosition__QctM_ .modal_backdrop__bTymo.modal_active__2MnhW{opacity:.5}.modal_modalPosition__QctM_ .modal_modal__brpfg{z-index:1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease;background-color:var(--background);color:var(--foreground)}.modal_modalPosition__QctM_ .modal_modal__brpfg>.modal_modalContent__I3HgX{overflow:hidden}.modal_modalPosition__QctM_ .modal_modalActive__HcnfX{grid-template-rows:1fr;outline:2px solid green;opacity:1}.themeSelector_themeTemplates__hNHBQ{display:flex;flex-wrap:wrap;gap:1rem}.themeSelector_themeTemplates__hNHBQ .themeSelector_template__YD7zf{width:clamp(300px,45%,500px)}.buttons_buttons__9jGNq{display:flex;gap:1rem}.buttons_cycleButtons__jH76y{display:flex;flex-direction:column;gap:1rem}