.gift-customizer{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;margin:2.4rem 0;padding:2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem}@media screen and (min-width:990px){.gift-customizer{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3.2rem;align-items:start;padding:2.4rem}}.gift-customizer__panel,.gift-customizer__stage{min-width:0}.gift-customizer__heading{margin:0 0 .4rem;font-size:1.6rem;letter-spacing:.04rem}.gift-customizer__intro{margin:0 0 1.8rem;font-size:1.3rem;opacity:.75}.gift-customizer__modes{display:grid;gap:.8rem;margin-bottom:1.8rem}.gift-mode{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.5rem;transition:border-color .15s ease,background-color .15s ease}.gift-mode:hover{border-color:rgba(var(--color-foreground),.5)}.gift-mode:has(input:checked){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.gift-mode input{flex:none;margin-top:.3rem}.gift-mode__text{display:block;font-size:1.4rem;font-weight:600}.gift-mode__hint{display:block;margin-top:.2rem;font-size:1.2rem;font-weight:400;opacity:.7}[data-gift-personalise][hidden],.gift-preview[data-plain=true] .gift-preview__slot{display:none}.gift-customizer__field{margin-bottom:1.6rem}.gift-customizer__label{display:block;margin-bottom:.6rem;font-size:1.3rem;font-weight:600}.gift-customizer__label .required{color:rgb(var(--color-foreground));opacity:.6;font-weight:400}.gift-customizer__input[type=text]{width:100%;padding:1.2rem 1.4rem;font-size:1.5rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.gift-customizer__input[type=text]:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.gift-customizer__file{position:absolute;width:.1rem;height:.1rem;padding:0;margin:-.1rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gift-customizer__file-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.1rem 1.8rem;font-size:1.4rem;cursor:pointer;border:.1rem dashed rgba(var(--color-foreground),.4);border-radius:.4rem;transition:border-color .15s ease,background-color .15s ease}.gift-customizer__file-button:hover,.gift-customizer__file:focus-visible+.gift-customizer__file-button{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.gift-customizer__filename{display:block;margin-top:.8rem;font-size:1.2rem;opacity:.75;word-break:break-all}.gift-customizer__remove{margin-left:.8rem;font-size:1.2rem;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;color:inherit}.gift-customizer__error{margin-top:.8rem;font-size:1.3rem;color:rgb(var(--color-foreground));background:#ff000014;border-left:.3rem solid rgba(200,0,0,.7);padding:.8rem 1.2rem;border-radius:.2rem}.gift-customizer__error[hidden]{display:none}.gift-customizer__saved{margin-top:.8rem;padding:.8rem 1.2rem;font-size:1.3rem;border-radius:.2rem;background:#00800014;border-left:.3rem solid rgba(0,110,0,.65)}.gift-customizer__saved[hidden]{display:none}.gift-preview{position:relative;display:block;width:100%;line-height:0;container-type:inline-size}.gift-preview__base{display:block;width:100%;height:auto}.gift-preview__slot{position:absolute;border:.2rem dashed rgba(0,0,0,.35);background:#ffffff8c;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1.3;text-align:center;color:#0009;box-sizing:border-box;padding:.4rem}.gift-preview__photo{position:absolute;object-fit:cover;display:none}.gift-preview[data-has-photo=true] .gift-preview__slot{display:none}.gift-preview[data-has-photo=true] .gift-preview__photo{display:block}.gift-preview[data-shape=rounded] .gift-preview__photo,.gift-preview[data-shape=rounded] .gift-preview__slot{border-radius:.8rem}.gift-preview[data-shape=circle] .gift-preview__photo,.gift-preview[data-shape=circle] .gift-preview__slot{border-radius:50%}.gift-preview__name{position:absolute;transform:translate(-50%,-50%);width:90%;text-align:center;line-height:1.2;white-space:pre-wrap;word-break:break-word;pointer-events:none;font-family:var(--gift-name-font, inherit)}.gift-preview__name:empty{display:none}.gift-preview__border{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;pointer-events:none;border-width:0;border-style:solid}.gift-customizer__actions{margin-top:1.2rem}.gift-customizer__preview-button{width:100%;padding:1.1rem 1.8rem;font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid rgba(var(--color-foreground),.45);border-radius:.4rem;transition:background-color .15s ease,border-color .15s ease}.gift-customizer__preview-button:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.gift-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}.gift-modal[hidden]{display:none}.gift-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.gift-modal__panel{position:relative;display:flex;flex-direction:column;width:min(92vw,62rem);max-height:92vh;padding:1.6rem;border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2rem 6rem #0006;overflow-y:auto}.gift-modal__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:1.2rem}.gift-modal__title{font-size:1.6rem;font-weight:600}.gift-modal__close{width:3.6rem;height:3.6rem;font-size:2.6rem;line-height:1;cursor:pointer;color:inherit;background:none;border:0;border-radius:.4rem}.gift-modal__close:hover{background:rgba(var(--color-foreground),.08)}.gift-modal__note{margin:1.4rem 0 0;font-size:1.3rem;text-align:center;opacity:.75}.gift-modal__actions{display:flex;gap:1rem;margin-top:1.4rem}.gift-modal__save,.gift-modal__keep-editing{padding:1.2rem 1.8rem;font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer;border-radius:.4rem;border:.1rem solid transparent}.gift-modal__save{flex:1;color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.gift-modal__save:disabled{opacity:.55;cursor:wait}.gift-modal__keep-editing{color:rgb(var(--color-foreground));background:transparent;border-color:rgba(var(--color-foreground),.45)}@media screen and (max-width:749px){.gift-customizer{padding:1.6rem}.gift-modal{padding:1rem}.gift-modal__panel{width:100%;padding:1.2rem}}@media screen and (max-width:499px){.gift-modal__actions{flex-direction:column-reverse}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/gift-preview.css.map */