.monogram-trigger{display:flex;flex-direction:column;gap:var(--gap-xs);width:100%;margin-top:.75rem}.monogram-trigger__button{width:100%;padding-inline:var(--padding-4xl);padding-block:var(--padding-lg);height:var(--height-buy-buttons);--button-background-color: transparent;--button-border-color: var(--color-primary-button-background);--button-border-width: 1.5px;--button-color: var(--color-primary-button-background)}.monogram-trigger__button:hover,.monogram-trigger__button:focus-visible{--button-background-color: var(--color-primary-button-background);--button-color: var(--color-primary-button-text)}.monogram-confirmation{display:flex;align-items:center;gap:var(--gap-2xs);font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));margin:0}.monogram-confirmation__check{display:inline-flex;align-items:center;color:var(--color-primary)}.monogram-confirmation__check .svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs)}.monogram-modal{padding:0;border:var(--style-border-popover);border-radius:var(--style-border-radius-popover);box-shadow:0 5px 30px rgb(0 0 0 / var(--opacity-15));background-color:var(--color-background);color:var(--color-foreground);width:min(560px,95vw);max-height:95dvh;overflow-y:auto}.monogram-modal::backdrop{background-color:#0006}.monogram-modal[open]{animation:monogramModalIn var(--animation-speed) var(--animation-easing) forwards}.monogram-modal.monogram-modal--closing{animation:monogramModalOut var(--animation-speed) var(--animation-easing) forwards}@keyframes monogramModalIn{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes monogramModalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.5rem) scale(.98)}}.monogram-modal__inner{display:flex;flex-direction:column;gap:var(--gap-xl);padding:var(--padding-2xl)}.monogram-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.monogram-modal__title{font-size:var(--font-size--lg);font-weight:var(--font-weight-bold);margin:0}.monogram-modal__close{background:transparent;border:none;cursor:pointer;padding:var(--padding-xs);display:flex;align-items:center;justify-content:center;color:var(--color-foreground);border-radius:var(--style-border-radius-buttons-secondary);transition:opacity var(--animation-speed) var(--animation-easing);flex-shrink:0}.monogram-modal__close:hover{opacity:.7}.monogram-modal__close .svg-wrapper{width:var(--icon-size-sm);height:var(--icon-size-sm);display:flex;align-items:center}.monogram-preview-container{position:relative;width:100%;display:block;line-height:0}.monogram-preview-container img{width:100%;height:auto;display:block;border-radius:var(--style-border-radius-media)}.monogram-overlay-text{position:absolute;left:var(--monogram-x, 50%);top:var(--monogram-y, 45%);transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-family:var(--monogram-font-family, serif);font-size:calc(var(--monogram-font-size, 48px) * var(--monogram-scale, 1));letter-spacing:.08em;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none;color:#c9a84c}.monogram-overlay-text[data-finish=gold]{color:#c9a84c}.monogram-overlay-text[data-finish=burned]{color:#6b3010;-webkit-text-fill-color:#6B3010;text-shadow:0 1px 2px rgba(0,0,0,.4),0 -1px 0 rgba(120,60,10,.3)}.monogram-finish{display:flex;flex-direction:column;gap:var(--gap-xs)}.monogram-finish__toggle{display:flex;gap:var(--gap-xs)}.monogram-finish__option{display:flex;align-items:center;gap:var(--gap-xs);flex:1;padding-block:var(--padding-sm);padding-inline:var(--padding-md);border-width:var(--style-border-width-inputs);border-style:solid;border-color:var(--color-input-border);border-radius:var(--style-border-radius-inputs);background-color:var(--color-input-background);color:var(--color-foreground);font-size:var(--font-size--sm);font-family:var(--font-body--family);cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);justify-content:center}.monogram-finish__option--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.monogram-finish__option:hover:not(.monogram-finish__option--selected){border-color:rgb(var(--color-foreground-rgb) / .4)}.monogram-finish__swatch{display:inline-block;width:.85rem;height:.85rem;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.monogram-finish__swatch--gold{background:linear-gradient(135deg,#e8c97a,#c9a84c 40%,#a07830,#c9a84c)}.monogram-finish__swatch--burned{background:linear-gradient(135deg,#8b4020,#6b3010 60%,#7a3818)}.monogram-modal__input-area{display:flex;flex-direction:column;gap:var(--gap-sm)}.monogram-modal__label{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));margin:0}.monogram-modal__input-row{display:flex;align-items:center;gap:var(--gap-md)}.monogram-modal__input{font-family:var(--monogram-font-family, "Big Shoulders Display", sans-serif);font-size:var(--font-size--2xl);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.25em;width:8rem;padding-block:var(--padding-md);padding-inline:var(--padding-md);border-width:var(--style-border-width-inputs);border-style:solid;border-color:var(--color-input-border);border-radius:var(--style-border-radius-inputs);background-color:var(--color-input-background);color:var(--color-input-text);box-shadow:var(--input-box-shadow);transition:box-shadow var(--animation-speed) ease;flex-shrink:0}.monogram-modal__input:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.monogram-modal__char-count{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.monogram-modal__footer{display:flex;gap:var(--gap-sm);justify-content:flex-end}.monogram-modal__footer .button{padding-inline:var(--padding-3xl);padding-block:var(--padding-md)}.monogram-modal__hint{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));margin:0;text-align:center}.monogram-fee-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:var(--layer-overlay, 16);background-color:var(--color-background, #fff);border:1px solid var(--tan, #C4956A);border-radius:var(--style-border-radius-popover, 0);box-shadow:0 4px 24px #0000001f;padding:var(--padding-md) var(--padding-lg);max-width:min(480px,90vw);width:100%;display:flex;align-items:flex-start;gap:var(--gap-sm);animation:monogramToastIn .25s var(--animation-easing, ease) forwards}.monogram-fee-toast--out{animation:monogramToastOut .2s var(--animation-easing, ease) forwards}@keyframes monogramToastIn{0%{opacity:0;transform:translate(-50%) translateY(.75rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes monogramToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(.5rem)}}.monogram-fee-toast__message{font-size:var(--font-size--sm);margin:0;flex:1;line-height:1.5}.monogram-fee-toast__close{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-size:.75rem;line-height:1.5;color:rgb(var(--color-foreground-rgb) / var(--opacity-50, .5));transition:color var(--animation-speed) var(--animation-easing)}.monogram-fee-toast__close:hover{color:var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/monogram.css.map */