.cpi-modal[data-cpi-modal]{--cpi-background: 0 0% 100%;--cpi-foreground: 60 8% 11%;--cpi-primary: 138 11% 54%;--cpi-primary-foreground: 0 0% 100%;--cpi-muted-foreground: 60 8% 30%;--cpi-border: 0 0% 90%;--cpi-sage-wash: 120 20% 88%;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:1.5rem;color:hsl(var(--cpi-foreground))}.cpi-modal[data-cpi-modal] *,.cpi-modal[data-cpi-modal] *:before,.cpi-modal[data-cpi-modal] *:after{box-sizing:border-box}.cpi-modal[data-cpi-modal] :where(h2,p){margin:0;padding:0}.cpi-modal[data-cpi-modal] :where(button){font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.cpi-modal[data-cpi-modal][hidden]{display:none}.cpi-modal[data-cpi-modal]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:#00000040;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.cpi-modal[data-cpi-modal] .cpi-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.cpi-modal[data-cpi-modal] .cpi-modal__dialog{position:relative;background:hsl(var(--cpi-background));width:100%;max-width:76.8rem;max-height:90vh;overflow-y:auto;border-radius:.4rem;box-shadow:0 25px 50px -12px #00000059}.cpi-modal[data-cpi-modal] .cpi-modal__head{position:sticky;top:0;background:hsl(var(--cpi-background));z-index:1;border-bottom:1px solid hsl(var(--cpi-border));padding:2rem 2.4rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.cpi-modal[data-cpi-modal] .cpi-modal__title{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:2.4rem;line-height:1.2}@media(min-width:768px){.cpi-modal[data-cpi-modal] .cpi-modal__title{font-size:3rem}}.cpi-modal[data-cpi-modal] .cpi-modal__sub{font-size:1.4rem;color:hsl(var(--cpi-muted-foreground));margin-top:.4rem}.cpi-modal[data-cpi-modal] .cpi-modal__close{padding:.8rem;border:none;background:transparent;border-radius:.4rem;color:hsl(var(--cpi-foreground));display:flex;transition:background-color .15s}.cpi-modal[data-cpi-modal] .cpi-modal__close:hover{background:hsl(var(--cpi-sage-wash))}.cpi-modal[data-cpi-modal] .cpi-modal__close svg{width:2rem;height:2rem}.cpi-modal[data-cpi-modal] .cpi-modal__body{display:grid;grid-template-columns:1fr}@media(min-width:768px){.cpi-modal[data-cpi-modal] .cpi-modal__body{grid-template-columns:1fr 1fr}}.cpi-modal[data-cpi-modal] .cpi-modal__media{background:hsl(var(--cpi-sage-wash));padding:2.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}@media(min-width:768px){.cpi-modal[data-cpi-modal] .cpi-modal__media{padding:4rem;min-height:450px}}.cpi-modal[data-cpi-modal] .cpi-modal__sides{display:flex;gap:.8rem;margin-bottom:1.6rem}.cpi-modal[data-cpi-modal] .cpi-modal__side{font-size:1.1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.6rem;border-radius:.4rem;border:none;background:hsl(var(--cpi-background));color:hsl(var(--cpi-foreground));transition:background-color .15s,color .15s}.cpi-modal[data-cpi-modal] .cpi-modal__side.is-active{background:hsl(var(--cpi-primary));color:hsl(var(--cpi-primary-foreground))}.cpi-modal[data-cpi-modal] .cpi-modal__stage{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:240px}.cpi-modal[data-cpi-modal] .cpi-modal__view{width:100%;height:100%}.cpi-modal[data-cpi-modal] .cpi-modal__view[hidden]{display:none}.cpi-modal[data-cpi-modal] .cpi-modal__view svg,.cpi-modal[data-cpi-modal] .cpi-modal__view img{width:100%;height:100%;max-height:420px;object-fit:contain;display:block;margin:0 auto}.cpi-modal[data-cpi-modal] .cpi-modal__view .is-hidden{display:none}.cpi-modal[data-cpi-modal] .cpi-modal__panel{padding:2.4rem}@media(min-width:768px){.cpi-modal[data-cpi-modal] .cpi-modal__panel{padding:3.2rem}}.cpi-modal[data-cpi-modal] .cpi-modal__sect+.cpi-modal__sect{margin-top:2.4rem}.cpi-modal[data-cpi-modal] .cpi-modal__eyebrow{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--cpi-muted-foreground));font-weight:500;margin-bottom:.8rem}.cpi-modal[data-cpi-modal] .cpi-modal__hint{font-size:1.4rem;color:hsl(var(--cpi-muted-foreground));margin-bottom:1.6rem}.cpi-modal[data-cpi-modal] .cpi-modal__hint strong{color:hsl(var(--cpi-foreground));font-weight:600}.cpi-modal[data-cpi-modal] .cpi-modal__places{display:flex;flex-direction:column;gap:.8rem}.cpi-modal[data-cpi-modal] .cpi-place{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border:1px solid hsl(var(--cpi-border));border-radius:.4rem;padding:1.2rem;transition:border-color .15s,background-color .15s}.cpi-modal[data-cpi-modal] .cpi-place.is-selected{border-color:hsl(var(--cpi-primary));background:hsl(var(--cpi-primary) / .06)}.cpi-modal[data-cpi-modal] .cpi-place.is-locked{opacity:.55}.cpi-modal[data-cpi-modal] .cpi-place__name{font-size:1.4rem;font-weight:500}.cpi-modal[data-cpi-modal] .cpi-place__desc{font-size:1.2rem;color:hsl(var(--cpi-muted-foreground))}.cpi-modal[data-cpi-modal] .cpi-place__price{font-size:1.2rem;color:hsl(var(--cpi-primary));font-weight:500;margin-top:.2rem}.cpi-modal[data-cpi-modal] .cpi-place__locked{font-size:1.1rem;color:hsl(var(--cpi-muted-foreground));margin-top:.2rem;font-style:italic}.cpi-modal[data-cpi-modal] .cpi-place__btn{flex-shrink:0;height:3.2rem;padding:0 1.2rem;border-radius:.4rem;font-size:1.2rem;font-weight:500;border:1px solid hsl(var(--cpi-border));background:transparent;color:hsl(var(--cpi-foreground));transition:background-color .15s,border-color .15s,color .15s}.cpi-modal[data-cpi-modal] .cpi-place__btn:hover{border-color:hsl(var(--cpi-foreground))}.cpi-modal[data-cpi-modal] .cpi-place.is-selected .cpi-place__btn{background:hsl(var(--cpi-primary));border-color:hsl(var(--cpi-primary));color:hsl(var(--cpi-primary-foreground))}.cpi-modal[data-cpi-modal] .cpi-place__lockicon{width:1.8rem;height:1.8rem;color:hsl(var(--cpi-muted-foreground));flex-shrink:0}.cpi-modal[data-cpi-modal] .cpi-init{display:flex;gap:1.2rem}.cpi-modal[data-cpi-modal] .cpi-init__btn{flex:1;border:1px solid hsl(var(--cpi-border));border-radius:.4rem;padding:1.2rem;font-size:1.4rem;font-weight:500;background:transparent;transition:border-color .15s,background-color .15s}.cpi-modal[data-cpi-modal] .cpi-init__btn:hover{border-color:hsl(var(--cpi-primary))}.cpi-modal[data-cpi-modal] .cpi-init__btn.is-active{border-color:hsl(var(--cpi-primary));background:hsl(var(--cpi-primary) / .06)}.cpi-modal[data-cpi-modal] .cpi-init__input{margin-top:1.2rem;width:100%;padding:1.2rem;border:1px solid hsl(var(--cpi-border));border-radius:.4rem;font:inherit;font-size:1.4rem;color:hsl(var(--cpi-foreground));background:hsl(var(--cpi-background));text-transform:uppercase;letter-spacing:.1em}.cpi-modal[data-cpi-modal] .cpi-init__input::placeholder{color:hsl(var(--cpi-muted-foreground));opacity:.55;text-transform:none;letter-spacing:.1em}.cpi-modal[data-cpi-modal] .cpi-init__input:focus{outline:none;border-color:hsl(var(--cpi-primary));box-shadow:0 0 0 1px hsl(var(--cpi-primary))}.cpi-modal[data-cpi-modal] .cpi-init__input[hidden]{display:none}.cpi-modal[data-cpi-modal] .cpi-modal__actions{display:flex;gap:1.2rem;padding-top:2.4rem;margin-top:2.4rem;border-top:1px solid hsl(var(--cpi-border))}.cpi-modal[data-cpi-modal] .cpi-modal__cancel{flex:1;padding:1.2rem;border:1px solid hsl(var(--cpi-border));border-radius:.4rem;font-size:1.4rem;font-weight:500;background:transparent;transition:background-color .15s}.cpi-modal[data-cpi-modal] .cpi-modal__cancel:hover{background:hsl(var(--cpi-sage-wash))}.cpi-modal[data-cpi-modal] .cpi-modal__save{flex:1;padding:1.2rem;border:none;border-radius:.4rem;font-size:1.4rem;font-weight:500;background:hsl(var(--cpi-foreground));color:hsl(var(--cpi-background));transition:opacity .15s}.cpi-modal[data-cpi-modal] .cpi-modal__save:hover{opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/22/assets/cpi-modal.css.map */