/* Account access inherits the accepted paper / cobalt studio direction. */
.studio-direction .access-dialog{max-width:550px;width:calc(100% - 36px);padding:34px;max-height:min(calc(100dvh - 36px),calc(var(--access-viewport-height,100dvh) - 36px));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:20px;animation:none}
.studio-direction .access-dialog h2{font-family:inherit;font-size:29px;font-weight:550;letter-spacing:-.04em;line-height:1.4;padding-right:30px}
.studio-direction .access-dialog h2:focus{outline:none}
.studio-direction .access-dialog .stack{gap:17px}
.studio-direction .access-dialog .field{font-size:13px;line-height:1.8;min-width:0}
.studio-direction .access-dialog input:not([type=checkbox]),.studio-direction .access-dialog textarea{font-size:16px;min-height:47px;width:100%;min-width:0;margin-top:7px;border-radius:5px}
.studio-direction .access-dialog input[readonly]{background:#eeeef0;color:#62625f}
.studio-direction .access-dialog .button{min-height:45px;font-size:13px}
.studio-direction .access-local-note{font-size:12px;line-height:1.85;color:#555750;background:#eeeef6;border-left:2px solid #7779da;padding:11px 13px;margin:16px 0;overflow-wrap:anywhere}
.studio-direction .access-helper{font-size:12px;line-height:1.85;color:#595b55;margin-top:0;overflow-wrap:anywhere}
.studio-direction .access-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#ebebe8;border-radius:6px;margin:24px 0}
.studio-direction .access-tabs button{min-height:44px;border-radius:4px;font-size:13px;color:#595b55}
.studio-direction .access-tabs button[aria-pressed=true]{background:#fafaf7;color:#282a24;box-shadow:0 1px 3px #2020200c}
.studio-direction .access-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
.studio-direction .access-code-row .button{height:47px;min-width:112px;padding-inline:15px}
.studio-direction .access-code-preview{font-size:12px;color:var(--accent);line-height:1.8;margin:0;overflow-wrap:anywhere}
.studio-direction .access-code-preview:empty{display:none}
.studio-direction .access-remember{font-size:12px;gap:9px;align-items:center;min-height:44px}
.studio-direction .access-remember input{width:17px;height:17px;accent-color:var(--accent)}
.studio-direction .access-message{font-size:13px;color:var(--accent);line-height:1.8;min-height:0;margin:0;overflow-wrap:anywhere}
.studio-direction .access-message:empty{display:none}
.studio-direction .access-message.is-error{color:#a04035}
.studio-direction .access-preview-label{font-size:12px;color:#555750}
.studio-direction .access-bar-status{font-size:12px;color:#595b55;margin-left:auto}
.studio-direction .access-checkout{max-width:730px;padding:32px}
.studio-direction .access-checkout h2{font-size:46px;font-weight:500;margin:16px 0}.studio-direction .access-checkout h2 small{font-size:15px}
.studio-direction .access-verified{display:grid;gap:9px;margin:26px 0;padding:20px 0;border-block:1px solid var(--line)}
.studio-direction .access-verified span{font-size:12px;color:#595b55}.studio-direction .access-verified strong{font-size:17px;font-weight:450;overflow-wrap:anywhere}
.studio-direction .access-checkout>p{font-size:12px;line-height:1.9}
.studio-direction .access-checkout .access-claim-title{font-size:32px}
.studio-direction .access-claim-link{display:block;min-height:44px;font-size:12px;margin-top:13px}
.studio-direction .access-account-identity{display:grid;gap:8px;margin:20px 0;border-top:1px solid var(--line);padding-top:18px}
.studio-direction .access-account-identity span{font-size:12px;color:#595b55;line-height:1.8}.studio-direction .access-account-identity strong{font-size:13px;font-weight:450;overflow-wrap:anywhere}
.studio-direction .access-account-identity button{justify-self:start;min-height:44px;font-size:12px}
.studio-direction .access-order-summary>strong{display:block;font-size:13px;overflow-wrap:anywhere;margin:16px 0}.studio-direction .access-order-summary>p{font-size:12px;line-height:1.9}
.studio-direction .access-order-list{display:grid;gap:18px;margin:22px 0}.studio-direction .access-order-list>div{display:grid;gap:7px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.studio-direction .access-order-list button{justify-self:start;min-height:44px}
.studio-direction .access-failure{max-width:720px;margin:16vh auto;padding:35px}.studio-direction .access-failure h1{font-size:35px;margin:20px 0}.studio-direction .access-failure p{line-height:1.9;font-size:13px;color:#71736b}.studio-direction .access-failure button{margin-top:25px}
.studio-direction .access-dialog :is(button,.check-row),.studio-direction .access-account-identity button,.studio-direction .access-checkout button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.studio-direction .access-dialog button{min-height:44px;user-select:none;-webkit-user-select:none;transition:transform 100ms cubic-bezier(.23,1,.32,1)}
.studio-direction .access-dialog .text-button{font-size:12px;line-height:1.7;text-decoration:none;text-align:left}
.studio-direction .access-dialog .check-row{min-height:44px}
.studio-direction .access-dialog :is(input,textarea)[aria-invalid=true]{border-color:#a04035;box-shadow:0 0 0 1px #a04035}
.studio-direction .access-dialog .access-message:focus{outline:2px solid var(--accent);outline-offset:5px}
.studio-direction .access-dialog [aria-busy=true]{cursor:progress}
.studio-direction .access-dialog .access-recovery{color:var(--accent)}
.studio-direction .access-dialog[data-constrained=true]{top:calc(var(--access-viewport-top,0px) + 12px + env(safe-area-inset-top,0px));bottom:auto;margin:0 auto;max-height:calc(var(--access-viewport-height,100dvh) - 24px - env(safe-area-inset-top,0px))}
.studio-direction .access-body>p,.studio-direction .access-order-summary>p{overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.studio-direction .access-dialog .text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:no-preference){.studio-direction .access-dialog button:active:not(:disabled):not(:focus-visible){transform:translateY(1px);transition-duration:160ms}}
@media(prefers-reduced-motion:reduce){.studio-direction .access-dialog button{transition:none}.studio-direction .access-dialog button:active{transform:none}}
@media(max-width:700px){.studio-direction .access-dialog{padding:29px 23px calc(23px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);max-height:calc(var(--access-viewport-height,100dvh) - 24px - env(safe-area-inset-top,0px));top:calc(var(--access-viewport-top,0px) + 12px + env(safe-area-inset-top,0px));bottom:auto;margin:0 auto}.studio-direction .access-dialog h2{font-size:25px}.studio-direction .access-code-row{gap:9px}.studio-direction .access-code-row .button{min-width:100px;padding-inline:10px;font-size:12px}.studio-direction .access-bar-status{display:none}.studio-direction .access-checkout{padding:25px}.studio-direction .access-checkout h2{font-size:39px}}
