[data-signature-access][hidden],[data-signature-access] [hidden]{display:none!important}.shopify-section.signature-keypad-host--popup,.shopify-section:has(>[data-signature-access][data-password-page=true][data-popup-only=true]){height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}.signature-keypad-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;margin:0;padding:64px 24px 24px;border:0;border-radius:0;background:transparent;color:#111;overflow:auto;overscroll-behavior:contain}.signature-keypad-dialog[open]{display:grid;place-items:center}.signature-keypad-dialog::backdrop{background:var(--sp-modal-backdrop, #000);opacity:var(--sp-modal-backdrop-opacity, .55);-webkit-backdrop-filter:blur(var(--sp-modal-blur, 4px));backdrop-filter:blur(var(--sp-modal-blur, 4px))}.signature-keypad-dialog [data-keypad-slot]{width:min(var(--sp-modal-panel-width, 520px),100%);min-width:0;container-type:inline-size}.signature-keypad-dialog [data-keypad-close]{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;font:30px/1 sans-serif;cursor:pointer;z-index:2}html:has(.signature-keypad-dialog[open]){overflow:hidden}[data-keypad-status]{padding:16px;margin:0;text-align:center;background:#fff0f0;color:#9c1717}[data-signature-access] button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.signature-keypad-dialog .dpc{--dpc-phone-size: min(var(--dpc-phone-max-width-desktop), var(--dpc-phone-height-limited-width-desktop), calc(100cqw - 32px) , calc((100dvh - 120px)*.4615) ) !important;padding:0!important;min-height:0!important;background:transparent!important}.signature-keypad-dialog .dpk{--signature-key-size: min(var(--dpk-key-size-desktop), calc((100cqw - 100px) / 3), calc((100dvh - 260px)/4) );padding:var(--sp-payphone-padding-top, 48px) 20px var(--sp-payphone-padding-bottom, 16px)!important;min-height:0!important;background-color:var(--sp-modal-panel-color, #fff)!important;border-radius:var(--sp-modal-panel-radius, 12px);border:var(--sp-modal-border-width, 0px) solid var(--sp-modal-border, transparent);overflow:hidden;box-sizing:border-box}.signature-keypad-dialog .dpk .dpk__keypad{grid-template-columns:repeat(3,var(--signature-key-size))!important;grid-auto-rows:var(--signature-key-size)!important}.signature-keypad-dialog .dpk .dpk__key{width:var(--signature-key-size)!important;height:var(--signature-key-size)!important}.signature-keypad-dialog .dpk .dpk__bottom-row{margin-top:var(--sp-payphone-delete-gap, 8px)!important}@media(max-width:749px){.signature-keypad-dialog .dpc{--dpc-phone-size: min(var(--dpc-phone-max-width-mobile), var(--dpc-phone-height-limited-width-mobile), calc(100cqw - 32px) , calc((100dvh - 120px)*.4615) ) !important}.signature-keypad-dialog .dpk{--signature-key-size: min(var(--dpk-key-size-mobile), calc((100cqw - 100px) / 3), calc((100dvh - 260px)/4) )}}[data-signature-access] [aria-busy=true] [data-keypad]{opacity:.65;pointer-events:none}[data-signature-access] button{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.signature-keypad-dialog .dpc .dpc__phone-frame{box-shadow:none!important}[data-signature-access][data-popup-panel=true] .signature-keypad-dialog .dpc{padding:24px 0!important;background:var(--sp-modal-panel-color, #fff)!important;border:var(--sp-modal-border-width, 0px) solid var(--sp-modal-border, transparent);border-radius:var(--sp-modal-panel-radius, 12px)}.signature-keypad-dialog .dpk .dpk__keypad{margin-top:max(32px,var(--dpk-gap-digits-keypad-desktop))!important}@media(max-width:749px){.signature-keypad-dialog .dpk .dpk__keypad{margin-top:max(32px,var(--dpk-gap-digits-keypad-mobile))!important}}@keyframes ss-submit-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dpc [data-dots]:after{color:#fffffff2}.dpc--bare [data-dots]:after{color:#292929}.dpk [data-digits]:after{color:var(--dpk-digit-color, currentColor)}:is(.dpc,.dpk)[aria-busy=true] :is([data-dots],[data-digits]){position:relative;visibility:hidden}:is(.dpc,.dpk)[aria-busy=true] :is([data-dots],[data-digits]):after{content:"";visibility:visible;position:absolute;left:50%;top:50%;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ss-submit-spin .7s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/37/assets/signature-keypads.css.map */