@media (max-width:767px){:root{--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:calc(4.5rem + var(--mobile-safe-bottom));--mobile-actions-h:5rem}.app-frame{height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh);min-height:0}html:has(.app-frame){height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh);min-height:0}body:has(.app-frame){height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh);min-height:0}.app-frame{background:color-mix(in srgb, var(--surface) 45%, var(--background))}.app-main{scroll-padding-block:6rem calc(var(--tabbar-h) + 1rem)}.app-frame:has(.app-tabbar) .app-main:not(.app-lock){padding-bottom:calc(var(--tabbar-h) + 1rem)}.app-frame:has(.wh-do-bar) .app-main:not(.app-lock){padding-bottom:calc(var(--tabbar-h) + var(--mobile-actions-h) + 1rem);scroll-padding-bottom:calc(var(--tabbar-h) + var(--mobile-actions-h) + 1rem)}.app-main .animate-page{height:auto;min-height:100%}.app-main.app-lock .animate-page{height:100%;min-height:0}.app-main :is(input,textarea,select,button){scroll-margin-block:5rem}.phone-top,.wh-topbar,.jobs-topbar,.assign-topbar,html.dark .phone-top,html.dark .wh-topbar,html.dark .jobs-topbar,html.dark .assign-topbar{background:var(--surface);color:var(--foreground);border-bottom:1px solid var(--line);padding:calc(var(--mobile-safe-top) + .75rem) 1rem .75rem;min-height:calc(var(--mobile-safe-top) + 4.5rem);gap:.5rem}.wh-topbar>div:first-child{flex:1;gap:.5rem;min-width:0}.wh-topbar>div:first-child>div{min-width:0}.wh-topbar h1{letter-spacing:0;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.4}.wh-topbar p{font-size:.8125rem;line-height:1.5}.wh-topbar>div:first-child>span{background:var(--brand-soft);color:var(--brand)}.wh-topbar>div:last-child{gap:.25rem}.wh-topbar a[aria-label=วิธีใช้]{justify-content:center;width:2.75rem;padding:0}.wh-topbar a[aria-label=วิธีใช้]>span{display:none}.phone-top>a{flex:1}.phone-top>a>span:last-child>span:last-child{font-size:1.25rem;line-height:1.45}.phone-top>a>span:last-child>span:first-child{font-size:.8125rem}.phone-top a[aria-label=กลับไปหน้าเลือกระบบ]{background:var(--brand-soft);color:var(--brand);border-radius:.875rem}.app-topbar,html[data-native-app] .app-topbar{padding-top:var(--mobile-safe-top);background:var(--surface)}.app-topbar-row{height:auto;min-height:3.75rem;padding-block:.375rem}.pc-fa.hidden{display:none}.app-topbar form:has(button[aria-label=ออกจากระบบ]){display:none}.app-topbar div.relative:has(>div>button[aria-label^=สีหน้าจอ]){display:none}.app-topbar [aria-label^=สีหน้าจอ],.app-topbar button:is([aria-label=วิธีใช้],[aria-label=ค้นหาสินค้า]){display:none}.app-topbar :is(.nav-tip,.relative):has(>button:is([aria-label=วิธีใช้],[aria-label=ค้นหาสินค้า])){display:none}.app-topbar .header-find{top:calc(var(--mobile-safe-top) + 4rem);width:auto;position:fixed;left:1rem;right:1rem;transform:none}.mobile-setup-nav{background:var(--surface);flex-shrink:0;padding:.5rem .75rem}.mobile-setup-nav a{border:1px solid var(--line);align-items:center;height:auto;min-height:44px;line-height:1.5;display:flex}.mobile-setup-nav a[aria-current=page]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}:is(.app-frame,.mobile-dialog,.auth-shell) button,.app-main a[class*=items-center],.app-main summary{touch-action:manipulation;min-height:44px}:is(:is(.app-frame,.mobile-dialog,.auth-shell) button[aria-label]:not(:has(input)),.app-main a[aria-label]){min-width:44px}.app-main a.text-brand{min-height:44px}.app-main a.text-brand:not([class*=flex]):not([class*=grid]):not([class*=block]){align-items:center;display:inline-flex}:is(.app-frame,.mobile-dialog) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),:is(.app-frame,.mobile-dialog) select,:is(.app-frame,.mobile-dialog) textarea,.jobs-sheet.jobs-run input.jobs-note-input,.jobs-sheet.jobs-run input.jobs-note-input::placeholder{border-radius:12px;min-height:48px!important;font-size:16px!important;line-height:1.5!important}:is(.app-frame,.mobile-dialog) textarea{min-height:6rem!important}:is(.app-main,.mobile-dialog) .text-xs{font-size:.8125rem;line-height:1.5}:is(.app-main,.mobile-dialog) :is(.text-\[9px\],.text-\[10px\],.text-\[11px\]){font-size:.75rem;line-height:1.5}:is(.app-main,.mobile-dialog) :is(.rounded-xl,.rounded-2xl).border{border-radius:1rem}.wh-pad{gap:1rem;padding-top:1rem;overflow:visible}.wh-screen{overflow-x:visible}.page-title{align-items:flex-start;margin-bottom:.25rem}.page-title h1{font-size:1.375rem;line-height:1.45}.page-title>div:last-child:has(button,a){gap:.5rem}.page-title>div:last-child>:is(button,a){flex-grow:1}.wh-pills-wrap{border-bottom:0;padding-block:.75rem}.wh-pills,.wh-chips,.mobile-subnav{scroll-padding-inline:1rem}.wh-pills>:is(a,button){border-radius:.875rem;height:auto;min-height:44px;padding-block:.625rem}.wh-pills>[aria-current=page]{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.mobile-subnav{border-bottom:0;gap:.375rem;padding-bottom:.5rem}.mobile-subnav a{border:1px solid var(--line);background:var(--surface);border-radius:.875rem}.mobile-subnav a[aria-current=page]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.app-tabbar,html.dark .app-tabbar{box-sizing:border-box;height:var(--tabbar-h);padding:.375rem max(.5rem, env(safe-area-inset-right)) var(--mobile-safe-bottom) max(.5rem, env(safe-area-inset-left));background:var(--surface);box-shadow:0 -4px 20px color-mix(in srgb, var(--foreground) 4%, transparent);z-index:50;border-radius:0}.app-tabbar-row{gap:.125rem;height:100%;padding-inline:0}.app-tabbar>ul{height:100%}.app-tabbar li{min-width:0}.app-tabbar-link,.app-tabbar li>:is(a,button){border-radius:.875rem;flex:1;gap:.25rem;width:100%;min-width:0;height:100%;min-height:3.75rem;padding:.25rem .125rem}.app-tabbar-link.is-on,.app-tabbar [aria-current=page],.app-tabbar button[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}.app-tabbar-text,.app-tabbar li>:is(a,button)>span:last-child{text-align:center;font-size:.6875rem;font-weight:600;line-height:1.4}.app-tabbar-fab{width:3.25rem;height:3.25rem;box-shadow:none;border:0;border-radius:1rem;flex-shrink:0;top:0}.wh-do-bar{bottom:var(--tabbar-h);min-height:var(--mobile-actions-h);z-index:45;padding:1rem}.wh-do-bar>button{border-radius:.875rem;min-height:48px;font-size:1rem}.app-toast{bottom:calc(var(--tabbar-h) + .75rem)}.app-frame:has(.wh-do-bar) .app-toast{bottom:calc(var(--tabbar-h) + var(--mobile-actions-h) + .75rem)}.mobile-dialog-layer{top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh);bottom:auto}.mobile-notice-panel{z-index:80;top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh);bottom:auto}.mobile-notice-panel>div:first-child{padding-top:calc(var(--mobile-safe-top) + .75rem)}.mobile-notice-panel button{min-width:44px;min-height:44px}.mobile-dialog{max-height:calc(var(--mobile-viewport-height,100dvh) - var(--mobile-safe-top) - .75rem);border-bottom:0;border-radius:1.5rem 1.5rem 0 0}.mobile-dialog[data-expanded=true]{height:calc(var(--mobile-viewport-height,100dvh) - var(--mobile-safe-top) - .75rem)}.mobile-dialog-head{gap:.5rem;padding:.75rem 1rem}.mobile-dialog-head h2{font-size:1.125rem;line-height:1.5}.mobile-dialog-body{overscroll-behavior:contain;scroll-padding-block:1rem}.mobile-dialog-foot{padding:.875rem 1rem max(.875rem, var(--mobile-safe-bottom))}.mobile-dialog-foot :is(button,a){min-height:48px}html:has(.mobile-dialog-layer) .app-main{overflow-y:hidden}.mobile-menu-search{z-index:1;background:var(--surface);padding-bottom:.75rem;position:sticky;top:0}.mobile-menu-item{text-align:left;border-radius:.875rem;align-items:center;gap:.875rem;width:100%;padding:.75rem;display:flex}.mobile-menu-item[aria-current=page]{background:var(--brand-soft)}.mobile-menu-item>span:first-child{background:var(--background);width:2.75rem;height:2.75rem;color:var(--brand);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.mobile-menu-item small{color:var(--muted);margin-top:.125rem;font-size:.8125rem;display:block}.mobile-menu-groups{gap:1.25rem;padding-bottom:.5rem;display:grid}.mobile-menu-group-title{color:var(--muted);margin-bottom:.625rem;font-size:.8125rem;font-weight:500}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.mobile-menu-tile{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.625rem;width:100%;height:100%;min-height:6.25rem;padding:.875rem;display:flex;position:relative}.mobile-menu-tile[aria-current=page]{border-color:var(--brand);background:var(--brand-soft)}.mobile-menu-icon,.mobile-menu-home>span:first-child{background:var(--brand-soft);width:2.5rem;height:2.5rem;color:var(--brand);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.mobile-menu-icon svg,.mobile-menu-home>span:first-child svg{width:1.25rem;height:1.25rem}.mobile-menu-label{overflow-wrap:anywhere;font-size:.9375rem;font-weight:500;line-height:1.6}.mobile-menu-current{color:var(--brand);font-size:.6875rem;position:absolute;top:.875rem;right:.75rem}.mobile-menu-pending{position:absolute;top:1rem;right:.875rem}.mobile-menu-home{border:1px solid var(--line);border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.625rem .75rem;display:flex}.mobile-menu-result{color:var(--muted);margin-bottom:.75rem;font-size:.8125rem}.app-tabbar button[data-active=true]{background:var(--brand-soft)}.app-tabbar-create{min-width:0;height:100%;color:var(--brand);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.app-tabbar-create .app-tabbar-fab{border-radius:.75rem;width:2.5rem;height:2.5rem}:is(.app-tabbar,.mobile-menu-groups,.mobile-menu-home,.mobile-dialog-head,.wh-do-bar) svg{flex-shrink:0}.mobile-page-loading{align-content:start;gap:1rem;min-width:0;padding:1rem;display:grid}.mobile-loading-title{align-items:center;gap:.75rem;display:flex}.mobile-loading-status{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.mobile-loading-status>span{background:var(--brand);border-radius:50%;width:.5rem;height:.5rem}.mobile-loading-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;min-width:0;padding:1rem}.app-main .animate-page{animation:.14s ease-out both mobile-page-enter}.app-main,.mobile-dialog-body{scrollbar-width:thin}:is(.wh-pills,.wh-chips,.mobile-subnav,.mobile-setup-nav){scrollbar-width:none}:is(.app-frame,.mobile-dialog) :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:is(.app-frame,.mobile-dialog) :is(button,a):focus-visible{outline:2px solid var(--brand);outline-offset:3px}.review-center{padding-top:calc(var(--mobile-safe-top) + 1rem)}.hub-shell{max-width:100%}.hub-shell>.grid{min-height:0;padding:1.25rem 1rem calc(var(--tabbar-h) + 1rem);flex:auto}.hub-hero{padding:calc(var(--mobile-safe-top) + 1rem) 1rem 1.25rem;border-radius:0 0 1.5rem 1.5rem}.hub-shell h2{white-space:normal;font-size:1.375rem;line-height:1.5}.hub-shell a.rounded-3xl{border-radius:1.25rem}.hub-shell a[class*=min-h-]{min-height:8.5rem}.hub-shell>.grid>section{padding-bottom:.5rem}.jobs-sheet{height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh)}.jobs-sheet-head{padding-top:calc(var(--mobile-safe-top) + .75rem)}.jobs-sheet-bar{padding:.875rem 1rem max(.875rem, var(--mobile-safe-bottom))}.assign-team-hero,.assign-review-hero{padding-top:calc(var(--mobile-safe-top) + 1rem)}.app-main:has(.pool-map-shell){padding:0 0 var(--tabbar-h)!important}.pool-map-shell{flex:1;height:100%;min-height:0}.pool-map-shell[data-phone-map=false] .pool-map-canvas,.pool-map-shell[data-phone-map=true] .mobile-pool-list{display:none}.pool-map-filters{flex-wrap:nowrap;padding-block:.25rem;overflow-x:auto}.pool-map-filters>button{flex-shrink:0}.jobs-place-when{max-width:42%}.jobs-place-name{line-height:1.5}.jobs-place-addr,.jobs-place-when span{font-size:.8125rem;line-height:1.5}.jobs-sheet.jobs-run :is(.text-\[10px\],.text-\[11px\]){font-size:.75rem!important}.jobs-sheet.jobs-run .text-xs{font-size:.8125rem!important}.jobs-sheet.jobs-run :is(.jobs-place-badge,.jobs-place-when span){font-size:.75rem}.mobile-product-picks{padding:.75rem 1rem 1rem}.mobile-pick-layout[data-options=false] .mobile-pick-options{display:none}.mobile-product-pick{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1rem}.mobile-product-pick.is-picked{border-color:var(--brand);background:var(--brand-soft)}.mobile-product-pick>button{text-align:left;align-items:flex-start;gap:.75rem;width:100%;display:flex}.mobile-product-pick dl{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.mobile-product-pick dl>div{flex:1;min-width:5rem}.mobile-product-pick dt{color:var(--muted);font-size:.75rem}.mobile-product-pick dd{font-size:1rem;font-weight:600}.mobile-product-pick label{grid-template-columns:1fr minmax(6rem,45%);align-items:center;gap:.75rem;margin-top:.75rem;display:grid}.mobile-catalog-tools{gap:.5rem;display:grid}.stock-card-body{border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.stock-card-body>button:not([data-stock-keep]){grid-area:1/1/auto/-1;grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem;width:100%;padding:.875rem;display:grid}.stock-card-body>button:not([data-stock-keep])>span:last-child{text-align:left;flex-wrap:wrap;grid-column:2;align-items:baseline;gap:.5rem;padding:0;display:flex}.stock-card-body>button:not([data-stock-keep])>span:last-child>span{margin-top:0}.stock-card-body>button[data-stock-keep]{border-top:1px solid var(--line);border-radius:0;grid-row:2;width:auto;min-width:3rem;padding:.5rem .875rem}.stock-card-body>button[data-stock-keep]:last-child{grid-column:2}.stock-card-body>button[data-stock-keep]:first-child{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.stock-card-body>button[data-stock-keep]:first-child:after{content:"ติดดาว";font-size:.8125rem}.stock-card-body>button[data-stock-keep][aria-pressed=true]:first-child:after{content:"ติดดาวแล้ว"}.mobile-catalog-tools button{border:1px solid var(--line);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;padding:.875rem;display:flex}.mobile-price-table,.mobile-unit-table{padding:1rem;display:block}:is(.mobile-price-table,.mobile-unit-table) thead{display:none}:is(.mobile-price-table,.mobile-unit-table) tbody{gap:1rem;display:grid}:is(.mobile-price-table,.mobile-unit-table) tr{border:1px solid var(--line);border-radius:1rem;display:block;overflow:hidden}:is(.mobile-price-table,.mobile-unit-table) td{text-align:start;border-right:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-width:0;padding:.75rem;display:flex;position:static}:is(.mobile-price-table,.mobile-unit-table) td:first-child{background:var(--background)}:is(.mobile-price-table,.mobile-unit-table) td:last-child{border-bottom:0}:is(.mobile-price-table,.mobile-unit-table) td:before{content:attr(data-label);min-width:0;font-family:var(--font-sans);color:var(--muted);flex:1;font-size:.8125rem}:is(.mobile-price-table,.mobile-unit-table) td:not([data-label]):before{display:none}:is(:is(.mobile-price-table,.mobile-unit-table) td>input,:is(.mobile-price-table,.mobile-unit-table) td>span:has(input)){background:var(--background);border:1px solid var(--line);border-radius:.75rem;flex-shrink:0;width:45%}:is(.mobile-price-table,.mobile-unit-table) .truncate{white-space:normal;overflow:visible}.auth-shell,html[data-native-app] .auth-shell{height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh);padding:max(1rem, var(--mobile-safe-top)) 1.25rem max(1rem, var(--mobile-safe-bottom));touch-action:pan-y}.auth-shell .auth-shell-inner,.auth-shell-brand .auth-shell-inner{overscroll-behavior:contain;gap:1rem;max-width:26rem;max-height:100%;overflow-y:auto}.auth-shell-brand .auth-panel{border-radius:1.5rem;padding:1.25rem}.auth-form{gap:.875rem}.auth-shell .auth-row,.auth-shell .auth-switch-row,.auth-shell .auth-meta a{min-height:44px}.auth-shell .auth-meta{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.auth-shell input{scroll-margin-block:1rem}.auth-shell a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.open-page{padding:calc(var(--mobile-safe-top) + 1.25rem) 1rem calc(var(--mobile-safe-bottom) + 1.5rem)}.open-page-title{font-size:1.5rem;line-height:1.5}.open-page-body{font-size:1rem;line-height:1.8}.open-page-foot a{align-items:center;min-height:44px;display:inline-flex}.app-topbar a[aria-label]{min-height:44px}html[data-mobile-keyboard]{--tabbar-h:0px}html[data-mobile-keyboard] .app-tabbar{display:none}html[data-mobile-keyboard] .wh-do-bar{min-height:4rem;padding-block:.5rem;bottom:0}html[data-mobile-keyboard] .mobile-dialog{border-radius:1rem 1rem 0 0}html[data-mobile-keyboard] .mobile-dialog-head{padding-block:.25rem}html[data-mobile-keyboard] .mobile-dialog-foot{padding-block:.5rem}html[data-mobile-keyboard] .mobile-pick-head{max-height:7rem;overflow-y:auto}html[data-mobile-keyboard] .mobile-pick-head:has(input:not(:focus)){display:none}html[data-mobile-keyboard] .mobile-pick-layout>div:last-child:not(.mobile-product-picks):not(.mobile-pick-head){padding-block:.25rem}}@keyframes mobile-page-enter{0%{opacity:0}to{opacity:1}}@media (max-width:359px){.app-tabbar-text,.app-tabbar li>:is(a,button)>span:last-child{font-size:.625rem}.phone-top>a{gap:.5rem}.phone-top,.mobile-product-picks{padding-inline:.75rem}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.app-frame *,.mobile-dialog-layer *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
html[data-impersonating]{--impersonation-bar-height:64px}html[data-impersonating] body{padding-top:var(--impersonation-bar-height);box-sizing:border-box}.impersonation-banner{z-index:120;color:#674a1e;background:#fff3d8;border-bottom:1px solid #e0c07e;align-items:center;gap:14px;height:64px;padding:10px 24px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 2px 12px #543d1714}.impersonation-banner>svg{flex-shrink:0;width:21px;height:21px}.impersonation-banner>div{flex:1;min-width:0}.impersonation-banner strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.impersonation-banner>div>span{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.impersonation-banner>form{flex-shrink:0}.impersonation-banner button{color:#68491b;cursor:pointer;background:#fff9ec;border:1px solid #b7975e;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:9px 15px;font-size:12px;display:flex}.impersonation-banner button:focus-visible{outline-offset:3px;outline:3px solid #b07720}html[data-impersonating] .app-frame{min-height:calc(100dvh - var(--impersonation-bar-height))}html[data-impersonating] .app-frame.h-dvh{height:calc(100dvh - var(--impersonation-bar-height))}html[data-impersonating] .app-frame:has(.hub-main){height:calc(100dvh - var(--impersonation-bar-height))}html[data-impersonating] .app-topbar{top:0}html[data-impersonating] .mobile-dialog-layer{top:var(--impersonation-bar-height);height:calc(100dvh - var(--impersonation-bar-height))}html[data-impersonating] .mobile-dialog{max-height:calc(100dvh - var(--impersonation-bar-height) - 12px)}html.dark .impersonation-banner{color:#f1d5a1;background:#433824;border-color:#75603d}.dark .impersonation-banner button{color:#fff0d2;background:#5a482b;border-color:#8b7146}@media (min-width:768px){html[data-impersonating] .nav-rail,html[data-impersonating] .setup-rail{height:calc(100dvh - var(--impersonation-bar-height));top:var(--impersonation-bar-height)}html[data-impersonating] .app-topbar{top:var(--impersonation-bar-height)}html[data-impersonating] .app-col.overflow-hidden>.app-topbar{top:0}}@media (max-width:767px){html[data-impersonating]{--impersonation-bar-height:calc(80px + env(safe-area-inset-top))}.impersonation-banner{height:var(--impersonation-bar-height);padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));gap:9px}.impersonation-banner>svg{display:none}.impersonation-banner strong{font-size:12px}.impersonation-banner>div>span{white-space:normal;font-size:9px;line-height:1.7}.impersonation-banner button{gap:5px;min-height:44px;padding:9px 10px;font-size:10px}:is(html[data-impersonating] .app-frame,html[data-impersonating] .app-frame:has(.hub-main)){height:calc(var(--mobile-viewport-height,100dvh) - var(--impersonation-bar-height));max-height:calc(var(--mobile-viewport-height,100dvh) - var(--impersonation-bar-height));min-height:0}html[data-impersonating] .mobile-dialog-layer{top:calc(var(--mobile-viewport-top,0px) + var(--impersonation-bar-height));height:calc(var(--mobile-viewport-height,100dvh) - var(--impersonation-bar-height))}html[data-impersonating] .mobile-dialog[data-expanded=true],html[data-impersonating] .auth-shell{height:calc(var(--mobile-viewport-height,100dvh) - var(--impersonation-bar-height));max-height:calc(var(--mobile-viewport-height,100dvh) - var(--impersonation-bar-height))}}