personalization-drawer{display:block}.personalization-drawer{position:relative}.personalization-drawer__inner{position:fixed;height:100vh;overflow:hidden;inset-block:0;inset-inline-end:0;width:50%;max-width:50%;background-color:rgb(var(--color-background));z-index:var(--z-modals, 9999);transform:translate(100%);transition:transform var(--drawer-transition-duration, .3s) var(--drawer-transition-timing-function, ease-in-out);box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column}personalization-drawer[open] .personalization-drawer__inner{transform:translate(0)}.personalization-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 30px 80px;position:sticky;top:0;background-color:rgb(var(--color-background));z-index:1}.personalization-drawer__title{margin:0;font-size:40px!important;font-family:Big Caslon!important;line-height:1.3;font-weight:400!important}@media screen and (max-width:980px){.personalization-drawer__title,.personalization-drawer__subtitle{font-size:30px!important}}@media screen and (min-width:981px){.personalization-drawer__subtitle{font-size:40px!important}}.personalization-drawer__subtitle{font-family:Neue Haas Grotesk Display Pro!important;line-height:1.3;font-weight:300!important}.personalization-drawer__close{background:none;border:none;padding:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:opacity var(--duration-short, .2s)}.personalization-drawer__close:hover{opacity:.7}.personalization-drawer__close svg{width:2.4rem;height:2.4rem;pointer-events:none}.personalization-drawer__body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.personalization-drawer__slides{position:relative;flex:1;overflow:hidden}.personalization-drawer__slide{display:none;height:100%;flex-direction:column}.personalization-drawer__slide--active{display:flex}.personalization-drawer__slide-content{padding:30px;display:flex;flex-direction:column;height:100%;gap:2.4rem}.personalization-drawer__error-message{padding:1.2rem 1.6rem;background-color:#dc26261a;border:.1rem solid rgba(220,38,38,.3);border-radius:.4rem;color:#dc2626;font-size:1.4rem;font-family:Neue Haas Grotesk Display Pro,sans-serif;margin-bottom:1.6rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.personalization-drawer__description{max-width:425px;font-size:18px;line-height:normal;color:#000;font-family:Neue Haas Grotesk Display Pro!important}.personalization-drawer__description p{margin:0}.personalization-drawer__example-image{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;margin:2.4rem 0;background-size:contain;background-position:center;background-repeat:no-repeat}.personalization-drawer__example-placeholder{width:100%;height:100%;position:absolute;z-index:-1;object-fit:cover}.personalization-drawer__example-placeholder img{width:100%;height:100%;opacity:80%!important;object-fit:cover}.personalization-drawer__example-fallback{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.personalization-drawer__example-visual{width:100%;max-width:100%;aspect-ratio:3 / 4;background-color:#f8f8f8;border-radius:4px;overflow:hidden}.personalization-drawer__shirt-texture{width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);background-color:#fff}.personalization-drawer__initials{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4.8rem;font-weight:400;font-style:italic;color:#1a3a5c;letter-spacing:.2em;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Georgia,serif}.personalization-drawer__disclaimer{max-width:425px;font-size:18px;line-height:normal;color:#000;font-family:Neue Haas Grotesk Display Pro!important;margin-top:-150px}.personalization-drawer__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:2rem}@media screen and (max-width:989px){.personalization-drawer__footer{padding-right:6rem;padding-left:1rem}}.personalization-drawer__disclaimer p{margin:0}.personalization-drawer__navigation{display:flex;gap:1rem;margin-top:-150px}.personalization-drawer__progress{display:none;justify-content:center;align-items:center;gap:65px}@media screen and (max-width:980px){.personalization-drawer__progress{display:flex;flex-wrap:wrap;width:100%;gap:25px;padding-left:10px;padding-right:10px}.personalization-drawer__position-option{padding:0}.personalization-drawer__font-text{font-size:15px!important}.personalization-drawer__slide-content{padding-left:5px;padding-right:5px}}.personalization-drawer__progress-step{display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative}.personalization-drawer__progress-step:after{content:"";position:absolute;top:1.2rem;left:calc(100% + 1rem);width:2rem;height:.1rem}.personalization-drawer__progress-step:last-child:after{display:none}.personalization-drawer__progress-icon{width:4.8rem;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity var(--duration-short, .2s)}.personalization-drawer__progress-icon img{width:100%;height:100%;object-fit:contain;min-width:100px;min-height:100px}@media only screen and (max-width:1000px){.personalization-drawer__progress-icon img{min-width:60px;min-height:60px}}.personalization-drawer__progress-step--active .personalization-drawer__progress-icon{opacity:1}.personalization-drawer__progress-number{font-size:18px!important;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;background-color:transparent;color:rgba(var(--color-foreground),.5);transition:all var(--duration-short, .2s)}.personalization-drawer__progress-step--active .personalization-drawer__progress-number{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.personalization-drawer__initials-input-wrapper{display:flex;justify-content:center;align-items:center;margin:2rem 0}.personalization-drawer__initials-input{width:100%;max-width:500px;height:80px;border:.1rem solid rgb(var(--color-foreground));border-radius:.4rem;font-size:4.8rem;font-weight:400;font-family:Neue Haas Grotesk Display Pro,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));padding:0 2rem;transition:border-color var(--duration-short, .2s)}.personalization-drawer__initials-input:focus{outline:none;border-color:rgb(var(--color-link))}.personalization-drawer__initials-input::placeholder{color:rgba(var(--color-foreground),.3)}.personalization-drawer__next-btn,.personalization-drawer__prev-btn{width:4.8rem;height:4.8rem;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-short, .2s),transform var(--duration-short, .2s)}.personalization-drawer__next-btn img,.personalization-drawer__prev-btn img{filter:invert(1)}.personalization-drawer__next-btn:hover,.personalization-drawer__prev-btn:hover{opacity:.9;transform:scale(1.05)}.personalization-drawer__next-btn:active,.personalization-drawer__prev-btn:active{transform:scale(.95)}.personalization-drawer__next-btn svg,.personalization-drawer__prev-btn svg{width:2.4rem;height:2.4rem;pointer-events:none}.personalization-drawer__options{display:flex;flex-direction:column;gap:1.6rem}.personalization-drawer__options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0;flex:1;align-content:center}.personalization-drawer__option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3rem 2rem;background:none;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;cursor:pointer;transition:all var(--duration-short, .2s);min-height:200px}.personalization-drawer__option-btn:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05);transform:translateY(-2px)}.personalization-drawer__option-icon{width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.personalization-drawer__option-number{font-size:2.4rem;font-weight:500;color:rgb(var(--color-foreground));font-family:Neue Haas Grotesk Display Pro,sans-serif}.personalization-drawer__font-options{display:flex;flex-direction:column;flex:1;justify-content:flex-start}.personalization-drawer__font-option{display:flex;align-items:center;gap:1.6rem;padding:1.5em 2em;border-radius:.4rem;cursor:pointer;transition:all var(--duration-short, .2s)}.personalization-drawer__font-radio{width:2rem;height:2rem;cursor:pointer;accent-color:rgb(var(--color-foreground))}.personalization-drawer__font-preview{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.personalization-drawer__font-text{font-size:35px!important;font-weight:400!important;font-family:Neue Haas Grotesk Display Pro,sans-serif;color:rgb(var(--color-foreground));letter-spacing:.1em;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:100%;line-height:normal}.personalization-drawer__color-options{display:grid;grid-template-columns:repeat(6,1fr);gap:1.6rem;margin:3rem 0;flex:1;align-content:flex-start;max-width:600px;margin-left:auto;margin-right:auto}@media screen and (max-width:980px){.personalization-drawer__color-options{grid-template-columns:repeat(4,1fr)}.personalization-drawer__position-option{padding-top:0!important;padding-bottom:0!important}}.personalization-drawer__color-option{width:5rem;height:5rem;border-radius:50%;border:.2rem solid transparent;cursor:pointer;transition:all var(--duration-short, .2s);padding:0;position:relative}.personalization-drawer__color-option:hover{transform:scale(1.1)}.personalization-drawer__color-option--selected{border-color:rgb(var(--color-foreground));padding:.5em;border-width:.3rem}.personalization-drawer__position-options{display:flex;flex-direction:row;gap:2rem;flex:1;justify-content:center}@media screen and (max-width:749px){.personalization-drawer__position-options{flex-direction:column}}.personalization-drawer__position-option{display:flex;align-items:center;gap:2rem;height:fit-content;padding:2rem;cursor:pointer;transition:all var(--duration-short, .2s)}.personalization-drawer__position-option:has(input:checked){border-color:rgb(var(--color-foreground));border-width:.2rem}.personalization-drawer__position-image{flex-shrink:0}.personalization-drawer__position-image img{width:133px;height:auto;object-fit:contain;display:block}.personalization-drawer__position-content{display:flex;align-items:center;gap:1.2rem;flex:1}.personalization-drawer__position-radio{width:2rem;height:2rem;cursor:pointer;accent-color:rgb(var(--color-foreground));border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;margin:0;padding:0}.personalization-drawer__position-radio:before{content:"";display:block;width:2rem;height:2rem;border-radius:50%;border:.2rem solid rgb(var(--color-foreground));background-color:transparent;transition:all var(--duration-short, .2s)}.personalization-drawer__position-radio:checked:before{background-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .3rem rgb(var(--color-background))}.personalization-drawer__position-label{font-size:1.8rem;font-weight:400;font-family:Neue Haas Grotesk Display Pro,sans-serif;color:rgb(var(--color-foreground));margin:0}.personalization-drawer__confirm-btn{padding:1.2rem 3rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:100px;font-size:1.4rem;font-weight:500;font-family:Neue Haas Grotesk Display Pro,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity var(--duration-short, .2s),transform var(--duration-short, .2s)}.personalization-drawer__confirm-btn:hover{opacity:.9;transform:translateY(-2px)}.personalization-drawer__confirm-btn:active{transform:translateY(0)}.personalization-option{padding:1.6rem 0;border-bottom:.1rem solid rgba(var(--color-border),var(--alpha-border, .1))}.personalization-option:last-child{border-bottom:none}.personalization-option__label{display:flex;align-items:center;gap:1.2rem;cursor:pointer;font-size:var(--font-size-static-md, 1.4rem);color:rgb(var(--color-foreground))}.personalization-option__input{width:2rem;height:2rem;cursor:pointer;accent-color:rgb(var(--color-foreground))}.personalization-option__text{flex:1;-webkit-user-select:none;user-select:none}.personalization-drawer__overlay{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:calc(var(--z-modals, 9999) - 1);opacity:0;pointer-events:none;transition:opacity var(--drawer-transition-duration, .3s)}personalization-drawer[open] .personalization-drawer__overlay{opacity:1;pointer-events:auto}@media screen and (max-width:749px){.personalization-drawer__inner{width:100%;max-width:100%}.personalization-drawer__head{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-personalization-drawer.css.map */