.icon{color:var(--colors-mono-07);font-size:1.5rem;transition:var(--transitions-primary)}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-spinner-dash{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}.loading-spinner{--size: 1.5rem;animation:loading-spinner-rotate 2s linear infinite;height:var(--size);stroke:var(--colors-info);transform-origin:center;width:var(--size);circle{animation:loading-spinner-dash 1.5s ease-in-out infinite;stroke-linecap:round}}.blip-icon-accent{transition:var(--transitions-primary)}.hashtag{--size: 1rem;--color: var(--colors-cool-blue);--accent-color: var(--colors-resonant-blue);height:var(--size);width:var(--size);transform:skew(-5deg);.line-top-horizontal{fill:var(--color)}.line-top-left{fill:var(--accent-color)}.line-top-right,.line-right-vertical{fill:var(--color)}.line-right-top{fill:var(--accent-color)}.line-right-bottom,.line-bottom-horizontal,.line-bottom-left{fill:var(--color)}.line-bottom-right{fill:var(--accent-color)}.line-left-vertical,.line-left-top{fill:var(--color)}.line-left-bottom{fill:var(--accent-color)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;font-weight:600;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s;text-shadow:0 0 .1875rem rgba(0,0,0,.85);&:focus,&:focus-visible{outline:.0625rem solid var(--colors-cool-blue);outline-offset:.0625rem}&:disabled{pointer-events:none;opacity:.5}&.primary{background-color:var(--colors-cool-blue);color:var(--colors-mono-11);&:hover{background-color:rgba(var(--colors-cool-blue-rgb),.8)}}&.secondary{background-color:var(--color-gray-200);color:var(--color-gray-900);&:hover{background-color:var(--color-gray-300)}}&.outline{&:not(:focus):not(:focus-visible){outline:none}border:1px solid var(--colors-mono-06);background-color:transparent;color:var(--colors-mono-10);&:hover{background-color:rgba(var(--colors-mono-11-rgb),.05);border-color:var(--colors-mono-08);color:var(--colors-mono-11)}}&.ghost{&:hover{--blur-strength: .5rem;-webkit-backdrop-filter:blur(var(--blur-strength)) saturate(180%);backdrop-filter:blur(var(--blur-strength)) saturate(180%);background-color:rgba(var(--colors-mono-11-rgb),.05)}}&.danger{background-color:var(--color-red-600);color:#fff;&:hover{background-color:var(--color-red-700)}}&.xs{height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}&.sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}&.md{height:2.5rem;padding-left:1rem;padding-right:1rem}&.lg{height:3rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.125rem;line-height:1.75rem}}.dialog-overlay{background:#000000a6;inset:0;position:fixed;z-index:1200;&[data-expanded]{animation:dialog-overlay-in .18s ease-out}&[data-closed]{animation:dialog-overlay-out .14s ease-in}}.dialog{--dialog-transform-base: translate(-50%, -50%);--dialog-transform-enter: translate(-50%, -48%) scale(.985);--dialog-transform-exit: translate(-50%, -49.25%) scale(.99);position:fixed;top:50%;left:50%;transform:var(--dialog-transform-base);width:min(36rem,calc(100vw - 2rem));max-width:100%;max-height:calc(100vh - 2rem);background:var(--colors-mono-01);color:var(--colors-mono-11);border:1px solid var(--colors-mono-05);border-radius:1rem;padding:1rem;z-index:1201;display:flex;flex-direction:column;gap:.75rem;&[data-expanded]{animation:dialog-content-in .2s cubic-bezier(.16,1,.3,1)}&[data-closed]{animation:dialog-content-out .15s ease-in}}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dialog-title,.dialog-description{margin:0}.dialog-body{overflow-y:auto;min-height:0}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.dialog-close-button{--size: 1.5rem;width:var(--size);height:var(--size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--colors-mono-05);background:rgba(var(--colors-mono-01-rgb),.75);transition:var(--transitions-primary);&:hover{background:rgba(var(--colors-mono-01-rgb),.95)}}.dialog-close-icon{font-size:1rem}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-in{0%{opacity:0;transform:var(--dialog-transform-enter)}to{opacity:1;transform:var(--dialog-transform-base)}}@keyframes dialog-content-out{0%{opacity:1;transform:var(--dialog-transform-base)}to{opacity:0;transform:var(--dialog-transform-exit)}}@media(max-width:48rem){.dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:.875rem;&:has(.dialog-close-button){padding-bottom:3.25rem}}.dialog-close-button{--size: 2.125rem;position:absolute;right:.875rem;bottom:.875rem;z-index:2}.dialog-close-icon{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.dialog-overlay,.dialog{animation:none!important}}.input-field{display:flex;flex-direction:column;width:100%}.input-label{color:var(--colors-mono-10);font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.input-control{display:inline-flex;width:100%;border:1px solid var(--colors-mono-07);border-radius:.375rem;background-color:var(--colors-mono-02);color:inherit;font-size:1rem;line-height:1.5rem;outline:none;padding:.375rem .75rem;transition:all var(--transitions-primary);&::placeholder{color:var(--colors-mono-06)}&:hover{border-color:var(--colors-mono-09)}&:focus,&:focus-visible{outline:.0625rem solid var(--colors-cool-blue);outline-offset:.0625rem}&[data-invalid]{border-color:var(--colors-scarlett);color:var(--colors-scarlett)}}.input-hint{color:var(--colors-mono-05);font-size:.75rem;line-height:1rem;user-select:none}.input-error-message{color:var(--colors-scarlett);font-size:.75rem;line-height:1rem;user-select:none}.pin-field{display:flex;flex-direction:column;width:100%;.pin-label{color:var(--colors-mono-10);font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.pin-label-row{align-items:center;display:flex;justify-content:space-between}.pin-mask-toggle{align-items:center;background:transparent;border:0;border-radius:0;color:var(--colors-mono-09);display:inline-flex;height:1rem;justify-content:center;padding:0;width:1.75rem;&:hover{color:var(--colors-mono-11)}&:active,&:focus,&:focus-visible{box-shadow:none;outline:none}&.is-active{color:var(--colors-crimson, var(--colors-scarlett))}.icon{color:inherit;font-size:1rem}}.pin-inputs{display:flex;gap:.5rem;width:100%}.pin-input{background-color:var(--colors-mono-02);border:1px solid var(--colors-mono-07);border-radius:.375rem;color:var(--colors-text-primary);flex:1 1 0;font-size:1.125rem;height:2.75rem;line-height:1;min-width:0;text-align:center;outline:none;padding:.25rem;transition:all var(--transitions-primary);&:hover{border-color:var(--colors-mono-09)}&:focus-visible{outline:.0625rem solid var(--colors-cool-blue);outline-offset:.0625rem}&:disabled{cursor:not-allowed;opacity:.6}&:-webkit-autofill{-webkit-text-fill-color:var(--colors-text-primary);box-shadow:inset 0 0 0 1000px var(--colors-mono-02)}&.is-masked{-webkit-text-security:circle;caret-color:transparent;font-size:2.5rem;line-height:1.5rem;padding-bottom:0;padding-top:0}}}@media(max-width:30rem){.pin-field{.pin-inputs{gap:.375rem}.pin-mask-toggle{height:2rem;width:2rem}.pin-input{height:2.5rem;font-size:1rem}}}@media(max-width:48rem){.pin-field{.pin-input{&.is-masked{font-size:1.5rem;line-height:2.25rem;padding-bottom:.25rem}}}}.visitor-auth-overlay{background:#0009}.dialog.visitor-auth-modal{--content-width: 21.875rem;-webkit-backdrop-filter:blur(.75rem);background-color:#00000040;backdrop-filter:blur(.75rem);border:.0625rem solid var(--colors-mono-03);border-radius:.5rem;padding:0;width:min(calc(100vw - 1rem),var(--content-width));.dialog-header{&.visitor-auth-header{align-items:start;display:flex;flex-direction:column;gap:0}}.visitor-auth-shell{align-items:center;display:flex;justify-content:center;width:var(--content-width)}.visitor-auth-card{perspective:1200px;width:var(--content-width)}.visitor-auth-flip-card{min-height:auto;perspective:1200px;position:relative;width:100%;&.is-flipped{.visitor-auth-face-front{inset:0;opacity:0;pointer-events:none;position:absolute;transform:rotateY(-180deg)}.visitor-auth-face-back{opacity:1;pointer-events:auto;position:relative;transform:rotateY(0)}}}.visitor-auth-face{backface-visibility:hidden;padding:2rem;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .5s ease}.visitor-auth-face-front{opacity:1;pointer-events:auto;position:relative;transform:rotateY(0)}.visitor-auth-face-back{display:flex;flex-direction:column;gap:1rem;inset:0;opacity:0;pointer-events:none;position:absolute;transform:rotateY(180deg)}.dialog-body{overflow:visible;padding:0}.visitor-auth-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.375rem;justify-content:flex-start;text-align:left;width:100%}.visitor-auth-header-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;width:100%}.visitor-auth-help-inline{align-items:center;background:transparent;border:0;border-radius:.25rem;color:var(--colors-mono-09);display:inline-flex;font-size:.75rem;gap:.25rem;margin:-1.5rem 0 0;padding:.25rem .5rem;span{white-space:nowrap}.icon{font-size:.875rem}&:hover{color:var(--colors-mono-11)}}.visitor-auth-subtitle{color:var(--colors-mono-09);font-size:.75rem;margin-top:.125rem;text-align:left;width:100%}.visitor-auth-form{--transition-duration: .5s;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;will-change:filter,opacity;&[data-mode=login],&[data-mode=signup]{animation:visitor-auth-mode-fade var(--transition-duration) ease}}.visitor-auth-signup-row{display:grid;filter:blur(.2rem);grid-template-rows:0fr;opacity:0;pointer-events:none;transform:translateY(-.25rem);transition:grid-template-rows var(--transition-duration) cubic-bezier(.2,.8,.2,1),opacity var(--transition-duration) ease,filter var(--transition-duration) ease,transform var(--transition-duration) ease}.visitor-auth-signup-row-inner{min-height:0;padding:.25rem;margin:-.25rem;overflow:hidden}.visitor-auth-signup-row.is-active{filter:blur(0);grid-template-rows:1fr;opacity:1;pointer-events:auto;transform:translateY(0)}.visitor-auth-mode-switch{color:var(--colors-mono-09);font-size:.75rem;margin:1rem 0 0;text-align:center;button{&:hover,&:focus,&:focus-visible{border:none;box-shadow:none;outline:none}}}.visitor-auth-mode-switch-link{background:transparent;border:0;color:var(--colors-cool-blue);cursor:pointer;font-size:inherit;margin:0;padding:0;text-decoration:underline;&:hover{color:var(--colors-resonant-blue)}}.visitor-auth-input,.visitor-auth-pin-input{&:-webkit-autofill{-webkit-text-fill-color:var(--colors-text-primary);box-shadow:inset 0 0 0 1000px var(--colors-mono-02)}}.visitor-auth-pin{justify-content:space-between;width:100%}.visitor-auth-help-back-header{align-items:flex-start;display:flex}.visitor-auth-help-back-button{align-items:center;background:transparent;border:0;border-radius:.25rem;color:var(--colors-mono-10);display:inline-flex;gap:.25rem;margin-left:-.5rem;padding:.25rem .5rem .25rem .25rem;&:hover{color:var(--colors-mono-11)}}.visitor-auth-help-back-content{color:var(--colors-mono-10);font-size:.95rem;line-height:1.5;margin:0}.visitor-auth-error{margin-bottom:.5rem}.visitor-auth-actions{display:flex;gap:.5rem;justify-content:space-between;margin-top:1rem;width:100%}.visitor-auth-submit{align-items:center;display:inline-flex;justify-content:center;margin-left:auto;min-width:7rem}.visitor-auth-submit-spinner{display:block}.visitor-auth-cancel{border:1px solid var(--colors-mono-06);margin-right:auto}}@keyframes visitor-auth-mode-fade{0%{filter:blur(.1rem);opacity:.94}to{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.dialog.visitor-auth-modal{.visitor-auth-face{transition:none}.visitor-auth-form{animation:none}.visitor-auth-signup-row{filter:none;transform:none;transition:none}}}