.personalisation-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.personalisation-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.personalisation-drawer__overlay:empty{display:block}.personalisation-drawer:not(.active){visibility:hidden}.personalisation-drawer.active{visibility:visible}.personalisation-drawer.active .personalisation-drawer__inner{transform:translate(0)}.personalisation-drawer__container,.personalisation-drawer__inner{width:100%}.personalisation-drawer__inner{background-color:var(--color-cream);height:100%;max-width:100vw;padding:calc(var(--spacing-20) + var(--spacing-4)) var(--spacing-8) var(--spacing-20);overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.personalisation-drawer__close{display:inline-block;padding:0;min-width:2.6rem;min-height:2.6rem;position:absolute;top:var(--spacing-6);right:var(--spacing-6);color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.personalisation-drawer__header{margin-block-end:var(--spacing-16)}.personalisation-drawer__heading{align-items:baseline;display:flex;gap:var(--spacing-6);color:var(--color-black);line-height:2.4rem;margin-block:0}.personalisation-drawer__heading .icon{height:1.7rem;width:1.8rem}.personalisation-drawer__content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-12);overflow:auto}.personalisation-drawer__content>div:last-child{margin-block-end:var(--spacing-12)}.personalisation-drawer__image,.personalisation-drawer__image img{display:flex;height:100%;width:100%}.personalisation-drawer__image img{max-height:34.3rem}.personalisation-drawer__actions{box-shadow:0 -2px 4px rgba(var(--gradient-end-color),.05);display:grid;gap:var(--spacing-5);padding-block-start:var(--spacing-8);margin-inline:calc(var(--spacing-0) - var(--spacing-20));padding-inline:var(--spacing-20)}.personalisation-drawer__actions .button{font-family:var(--font-family__montserrat);min-height:5rem;text-transform:uppercase}.personalisation-drawer__text{gap:var(--spacing-12)}.personalisation-drawer__image-block,.personalisation-drawer__text,.personalisation-drawer__finish{display:flex;flex-direction:column}.personalisation-drawer__field-option label,.personalisation-drawer__character,.personalisation-drawer__image-heading,.product-form__printing-option-label{color:var(--color-black);display:inline-block;font-size:1.2rem;line-height:normal;letter-spacing:.1rem;text-transform:uppercase}.personalisation-drawer__field-option label{display:inline-block;margin-block-end:var(--spacing-6)}.personalisation-drawer__input{background:transparent;border:1px solid var(--color-black);box-shadow:none;outline:none;padding:var(--spacing-6) var(--spacing-4);width:100%;color:var(--color-black);font-size:1.4rem;font-weight:var(--font-weight-medium);line-height:normal;min-height:4.8rem;letter-spacing:.1rem;text-transform:uppercase}input.personalisation-drawer__input::placeholder{color:rgba(var(--gradient-end-color),.25);text-transform:uppercase}.personalisation-drawer__character{display:inline-block;color:var(--color-black);font-size:1.2rem;text-align:right;margin-block-start:var(--spacing-6);width:100%}.personalisation-drawer__image-heading{margin-block:0 var(--spacing-8)}.personalisation-drawer__finish .error{color:#ff2c2c;font-size:1.2rem}.personalisation-drawer__label-finish{align-items:center;display:flex;justify-content:space-between;cursor:pointer}.personalisation-drawer__field-finish{background-color:var(--color-cream);border:1px solid transparent;box-shadow:0 3px 3px rgba(var(--gradient-end-color),.1);padding:var(--spacing-5) var(--spacing-4) var(--spacing-5) var(--spacing-8);margin-block-end:var(--spacing-8)}.personalisation-drawer__field-finish.is-active{border:1px solid var(--color-black)}.personalisation-drawer__field-finish:last-child{margin-block-end:0}.product-form__printing-option-label{font-size:1.4rem}.personalisation-drawer__finish .personalisation-drawer__heading,.personalisation-drawer__option .personalisation-drawer__heading{margin-block-end:var(--spacing-16)}.personalisation-drawer__option{display:grid;gap:var(--spacing-12)}.personalisation-drawer__finish-checkbox[type=radio]{-webkit-appearance:none;appearance:none;background-color:var(--color-cream);border-radius:50%;border:2px solid var(--color-cream);box-shadow:0 0 0 1px var(--color-black);accent-color:var(--color-black);height:1.4rem;margin:0;width:1.4rem}.personalisation-drawer__finish-checkbox:checked{background-color:var(--color-black);border-width:.3rem;box-shadow:0 0 0 1px var(--color-black)}.personalisation-drawer__field-option-btn{align-items:center;border:1px solid var(--color-black);box-shadow:none;background-color:var(--color-cream);cursor:pointer;display:flex;justify-content:space-between;outline:none;padding:var(--spacing-8) var(--spacing-4) var(--spacing-8) var(--spacing-8);width:100%}.personalisation-drawer__field-option-btn.is-active .icon{rotate:-90deg}.personalisation-drawer__field-btn-placeholder{color:rgba(var(--gradient-end-color),.25);font-family:var(--font-family__montserrat);font-size:1.4rem;font-weight:var(--font-weight-light);line-height:normal;letter-spacing:.1rem;text-transform:uppercase}.personalisation-drawer__field-btn-placeholder.is-selected{color:var(--color-black);font-weight:var(--font-weight-medium)}.personalisation-drawer__field-option-btn .icon{display:inline-block;height:2rem;width:2rem;rotate:90deg;transition:rotate var(--duration-medium) ease}.personalisation-drawer__field-options{display:none;border:1px solid var(--color-black);border-top:0;flex-direction:column;padding:var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-10);gap:var(--spacing-8)}.personalisation-drawer__label-option{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.personalisation-drawer__field-option-label{color:var(--color-black);line-height:normal;letter-spacing:.1rem;text-transform:capitalize;order:1}.personalisation-drawer__field-option-input[type=radio]{-webkit-appearance:none;appearance:none;accent-color:var(--color-black);background-color:transparent;border-radius:2px;border:1px solid var(--color-black);box-shadow:none;cursor:pointer;height:1.6rem;margin:0;width:1.6rem;position:absolute;right:0}.personalisation-drawer__label-option .checkmark{border-radius:2px;background-color:var(--color-black);color:var(--color-white);display:flex;width:1.6rem;height:1.6rem;padding:var(--spacing-1);transition:.2s all;opacity:0;order:2;visibility:hidden}.personalisation-drawer__label-option .personalisation-drawer__field-option-input:checked~.checkmark{opacity:1;visibility:visible;z-index:1}.personalisation-drawer__label-option .personalisation-drawer__field-option-input:checked~.personalisation-drawer__field-option-label{font-weight:var(--font-weight-medium)}@media screen and (min-width: 750px){.personalisation-drawer__container{width:initial}.personalisation-drawer__inner{padding:calc(var(--spacing-20) + var(--spacing-4)) var(--spacing-20);width:52.7rem}.personalisation-drawer__image img{max-height:44.7rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-personalisation-drawer.css.map */