.charm-personalisation-drawer{filter:blur(1rem);box-shadow:0rem 1rem 1rem rgba(var(--color-shadow), 0.5);position:fixed;z-index:-1;top:0;right:-100%;opacity:0;width:100dvw;height:100dvh;transition:all .25s ease-in;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.charm-personalisation-edit-drawer{width:100%;height:100vh;max-width:60rem}.charm-personalisation-drawer__inner-wrapper{display:flex;flex-direction:column;width:100%;height:100%;padding:2rem}.charm-personalisation-drawer__header-wrapper{display:flex;justify-content:space-between}.charm-personalisation-drawer__header-content h3.charm-personalisation-drawer__header-title.h2{margin:0 0 .25rem}.charm-personalisation-drawer__header-content span.charm-personalisation-drawer__header-subtitle{margin:0 0 2.5rem;font-weight:500}.charm-personalisation-drawer.is-open{filter:none;z-index:300;right:0;opacity:1;transition:all .35s ease-in}.charm-personalisation-drawer__overlay{pointer-events:none;position:fixed;z-index:299;top:0;opacity:0;width:100dvw;height:100dvh;transition:all .5s ease-in}.charm-personalisation-drawer__overlay--light{background-color:#fff}.charm-personalisation-drawer__overlay--dark{background-color:#000}.charm-personalisation-drawer__option-buttons{margin:2rem 0}.button.charm-personalisation-drawer__open-button{margin:2rem 0 0}.charm-personalisation-drawer__close-button{display:flex;justify-content:center;align-items:center;height:4rem;width:4rem;cursor:pointer;border:2px solid rgb(var(--color-foreground));padding:1rem;background-color:transparent}button.charm-personalisation-drawer__close-button svg.icon.icon-close{width:2rem;height:auto;color:rgba(var(--color-foreground));fill:rgba(var(--color-foreground))}.charm-personalisation-drawer__content-wrapper{scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:rgba(var(--color-foreground), 0.75) rgb(var(--color-background));margin:2rem 0;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;padding-right:1rem}.charm-personalisation-drawer__option-set-wrapper{width:100%;display:flex;flex-direction:column;gap:.5rem}.charm-personalisation-drawer__option-charm-number{margin:0}.charm-personalisation-drawer__options{display:none;visibility:hidden}.charm-personalisation-drawer__options.charm-personalisation-drawer__options--visible{display:grid;visibility:visible;grid-template-columns:repeat(6, 1fr);grid-template-rows:auto;gap:1rem}.charm-personalisation--edit-drawer__options.charm-personalisation-drawer__options--visible{grid-template-columns:repeat(2, 1fr)}@media screen and (min-width: 990px){.charm-personalisation--edit-drawer__options.charm-personalisation-drawer__options--visible{grid-template-columns:repeat(3, 1fr)}}.charm-personalisation-drawer__option{border:3px solid transparent;position:relative;aspect-ratio:1/1;cursor:pointer;overflow:hidden;transition:all .15s ease-in}.charm-personalisation-drawer__option.charm-personalisation-drawer__option--selected{border:3px solid rgb(var(--color-foreground));transition:all .15s ease-in}.charm-personalisation-drawer__option img.charm-personalisation-drawer__option-image{height:100%;width:100%;object-fit:cover;object-position:center;overflow:hidden;transition:.15s ease-in}.charm-personalisation-drawer__option:hover img.charm-personalisation-drawer__option-image{transform:scale(1.1);transition:.15s ease-in}.charm-personalisation-drawer__option .charm-personalisation-drawer__option-price{position:absolute;opacity:.75;font-weight:500;z-index:60;bottom:0;left:0;width:100%;text-align:center}.charm-personalisation-drawer__apply-button-wrapper{display:flex;justify-content:center}.charm-personalisation-drawer__apply-button-wrapper .charm-personalisation-drawer__apply-button{width:100%}@media screen and (min-width: 990px){.charm-personalisation-drawer{width:100%;height:100vh;max-width:60rem}.charm-personalisation-drawer__options--visible{display:grid;grid-template-columns:repeat(8, 1fr)}.charm-personalisation-drawer__overlay{height:100vh;width:100vw}.charm-personalisation-drawer__apply-button{width:33%}}