/* Compact account settings; scrolling only when content exceeds the pane. */
.watch-support__mobileClose{display:none;}
.watch-support__fileButton>svg,.watch-support__fileButton small{display:none;}
#watchSettingsModal .watch-settingsmodal__panel{display:flex!important;flex-direction:column!important;overflow:hidden!important;}
#watchSettingsModal :is(.watch-settingsmodal__body,.watch-settings,.watch-settings__card,.watch-settings__grid,.watch-settings__panes){box-sizing:border-box!important;min-height:0!important;}
#watchSettingsModal .watch-settingsmodal__body{height:auto!important;flex:1 1 auto!important;}
#watchSettingsModal :is(.watch-settings,.watch-settings__card){height:auto!important;}
#watchSettingsModal .watch-settings__panes{overflow-y:auto!important;}
:is(#watchSettingsModal,#watchSettingsRoot) [data-watch-pane="account"] .watch-settings__section{border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important;}
:is(#watchSettingsModal,#watchSettingsRoot) [data-watch-pane="account"] .watch-settings__form{max-width:560px;gap:20px!important;}
:is(#watchSettingsModal,#watchSettingsRoot) [data-watch-pane="account"] .watch-settings__row{margin:0!important;}
:is(#watchSettingsModal,#watchSettingsRoot) [data-watch-pane="account"] .watch-settings__label{font-weight:500!important;font-size:13px!important;}
:is(#watchSettingsModal,#watchSettingsRoot) [data-watch-pane="account"] .watch-settings__textarea{min-height:96px!important;}
@media(max-width:900px){
  html.watch-mobile-profile-screen body #watchSettingsModal[data-mobile-profile-section] :is(.watch-settings,.watch-settings__card){height:auto!important;flex:0 0 auto!important;}
  html.watch-mobile-profile-screen body #watchSettingsModal[data-mobile-profile-section] .watch-settingsmodal__body{display:block!important;overflow-y:auto!important;}
  .watch-mobile-profile__logout{color:#ed6868!important;}
  .watch-mobile-profile__icon--support{--profile-icon:url('../images/support-chat.svg');}
  .watch-support__triggerIcon{mask:url('../images/support-chat.svg') center/contain no-repeat!important;-webkit-mask:url('../images/support-chat.svg') center/contain no-repeat!important;}
  .watch-mobile-profile__menu:has(>.watch-mobile-profile__item:only-child){border-radius:999px;}
  html body .watch-mobile-profile__menu>.watch-mobile-profile__item:only-child{border-radius:999px;}
  html.watch-mobile-profile-screen,html.watch-mobile-profile-screen body{overflow-x:hidden!important;overscroll-behavior-x:none;}
  html body #watchMobileProfileScreen{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;}
  #watchMobileProfileScreen .watch-mobile-profile__identity{height:177px;display:block;overflow:visible;touch-action:pan-y;}
  #watchMobileProfileScreen .watch-mobile-profile__avatar{position:absolute;left:0;top:0;max-width:none;border-radius:0;object-fit:cover;transform-origin:50% 50%;transition:none;}
  #watchMobileProfileScreen .watch-mobile-profile__photo-viewport{position:absolute;overflow:hidden;isolation:isolate;pointer-events:none;}
  #watchMobileProfileScreen .watch-mobile-profile__photo-surface{position:absolute;inset:0;transform:translateZ(0);mask-image:linear-gradient(#000 calc(100% - 16px),transparent calc(100% - 2px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent calc(100% - 2px),transparent);}
  #watchMobileProfileScreen .watch-mobile-profile__scroll-tail{position:absolute;top:100%;width:1px;height:calc(var(--watch-mobile-nav-height,68px) + env(safe-area-inset-bottom,0px) + 24px);pointer-events:none;}
  #watchMobileProfileScreen .watch-mobile-profile__frost{position:absolute;left:0;right:0;bottom:0;height:112px;pointer-events:none;opacity:0;mask-image:linear-gradient(transparent,rgba(0,0,0,.35) 16px,rgba(0,0,0,.9) 32px,#000 48px);-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.35) 16px,rgba(0,0,0,.9) 32px,#000 48px);}
  #watchMobileProfileScreen .watch-mobile-profile__frost-photo{position:absolute;left:0;bottom:0;display:block;max-width:none;}
  #watchMobileProfileScreen .watch-mobile-profile__frost::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 45%,var(--profile-bg) 98%,var(--profile-bg) 100%);}
  #watchMobileProfileScreen:not([hidden]) .watch-mobile-profile__frost{will-change:opacity;}
  #watchMobileProfileScreen .watch-mobile-profile__identity :is(.watch-mobile-profile__name,.watch-mobile-profile__login){position:absolute;left:50%;top:120px;z-index:2;margin:0;max-width:calc(100% - 8px);width:max-content;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #watchMobileProfileScreen .watch-mobile-profile__identity .watch-mobile-profile__login{top:156px;}
  #watchMobileProfileScreen:not([hidden]) :is(.watch-mobile-profile__avatar,.watch-mobile-profile__photo-viewport,.watch-mobile-profile__menus,.watch-mobile-profile__banner,.watch-mobile-profile__name,.watch-mobile-profile__login){will-change:transform;}
  #watchMobileProfileScreen.is-photo-open .watch-mobile-profile__identity .watch-mobile-profile__name{color:#fff;}
  #watchMobileProfileScreen .watch-mobile-profile__identity .watch-mobile-profile__login{color:var(--profile-muted);}
  #watchMobileProfileScreen{scrollbar-width:none;-ms-overflow-style:none;}
  #watchMobileProfileScreen::-webkit-scrollbar{display:none;width:0;height:0;}
  #watchMobileProfileScreen .watch-mobile-profile__banner>img{filter:none;transform:none;}
  #watchMobileProfileScreen .watch-mobile-profile__banner>.watch-mobile-profile__banner-soft{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;}
  #watchMobileProfileScreen:not([hidden]) .watch-mobile-profile__banner>:is(img,canvas){will-change:opacity;}
  #watchMobileProfileScreen.is-pulling{user-select:none;-webkit-user-select:none;}
  #watchMobileProfileScreen .watch-mobile-profile__compact{position:sticky;top:calc(-1 * var(--profile-top-padding));height:0;z-index:4;pointer-events:none;}
  #watchMobileProfileScreen .watch-mobile-profile__compact span{display:block;margin:0 -16px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;background:transparent;text-align:center;font-size:18px;font-weight:600;opacity:0;transform:translateY(-8px);transition:none;}
  #watchMobileProfileScreen.is-scrolled .watch-mobile-profile__compact span{opacity:1;transform:none;}
  #watchMobileProfileScreen.is-scrolled .watch-mobile-profile__name,
  #watchMobileProfileScreen.is-scrolled .watch-mobile-profile__login{opacity:0;}
  #watchMobileProfileScreen .watch-mobile-profile__name:focus{outline:none;}
  .watch-mobile-profile__icon--logout{--profile-icon:url('../images/logout.svg');}
  html.watch-mobile-profile-screen body #watchSupportButton{display:none!important;}
  html.watch-support-open,html.watch-support-open body{overflow:hidden!important;}
  html.watch-support-open #watchMobileNav{display:none!important;}
  #watchSupportModal{z-index:2147483550!important;padding:0!important;inset:auto 0!important;top:var(--watch-support-top,0px)!important;height:var(--watch-support-height,100dvh)!important;background:#111!important;backdrop-filter:none!important;transition:none!important;will-change:auto!important;}
  #watchSupportModal.is-open{opacity:1!important;}
  #watchSupportModal .watch-support__field.is-revealing{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}
  #watchSupportModal .watch-support__backdrop{display:none!important;}
  #watchSupportModal .watch-support__dialog{position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px))!important;}
  #watchSupportModal .watch-support__categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  #watchSupportModal .watch-support__category{padding-inline:8px;font-size:12px;}
  #watchSupportModal .watch-support__attachment{flex-wrap:wrap;}
  #watchSupportModal{--support-page:#111113;--support-card:#1c1c1f;--support-text:#f4f4f5;--support-muted:#99999f;--support-line:#ffffff08;background:var(--support-page)!important;}
  html[data-watch-theme="light"] #watchSupportModal{--support-page:#fff;--support-card:#f4f4f6;--support-text:#17171a;--support-muted:#77777e;--support-line:#00000008;}
  #watchSupportModal .watch-support__dialog{padding:0 16px max(24px,env(safe-area-inset-bottom,0px))!important;background:var(--support-page)!important;color:var(--support-text)!important;box-shadow:none!important;}
  #watchSupportModal .watch-support__header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 -16px 16px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 16px;background:var(--support-page);}
  #watchSupportModal .watch-support__title{font-size:18px;font-weight:600;line-height:1.4;}
  #watchSupportModal .watch-support__mobileClose{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:inherit;cursor:pointer;}
  #watchSupportModal .watch-support__mobileClose svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  #watchSupportModal :is(.watch-support__categories,.watch-support__choices){display:flex;flex-direction:column;gap:0;border-radius:18px;background:var(--support-card);overflow:hidden;}
  #watchSupportModal :is(.watch-support__category,.watch-support__choice){position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:56px;margin:0;padding:16px 44px 16px 16px;border:0!important;border-radius:0;background:transparent;color:var(--support-text);font-size:14px;font-weight:500;text-align:left;box-shadow:none;}
  #watchSupportModal :is(.watch-support__category,.watch-support__choice)+:is(.watch-support__category,.watch-support__choice){border-top:1px solid var(--support-line)!important;}
  #watchSupportModal :is(.watch-support__category,.watch-support__choice)::after{content:"";position:absolute;right:20px;width:6px;height:6px;border-top:1.5px solid var(--support-muted);border-right:1.5px solid var(--support-muted);transform:rotate(45deg);transition:transform .22s ease,border-color .22s ease;}
  #watchSupportModal :is(.watch-support__category,.watch-support__choice).is-selected{background:rgba(128,128,128,.1);}
  #watchSupportModal :is(.watch-support__category,.watch-support__choice).is-selected::after{border-color:var(--support-text);transform:rotate(135deg);}
  #watchSupportForm>div.watch-support__field:first-of-type>.watch-support__label{display:none;}
  #watchSupportModal .watch-support__label{color:var(--support-muted);font-size:13px;font-weight:500;}
  #watchSupportModal .watch-support__textarea{box-sizing:border-box;background:var(--support-card);color:var(--support-text);border:1px solid transparent;border-radius:16px;font-size:16px;box-shadow:none;}
  #watchSupportModal .watch-support__textarea:focus{border-color:var(--support-muted);box-shadow:none;}
  #watchSupportModal .watch-support__textarea{font-size:14px;line-height:1.55;font-weight:400;}
  #watchSupportModal .watch-support__textarea::placeholder{font-size:14px;font-weight:400;line-height:1.55;}
  @supports(-webkit-touch-callout:none){#watchSupportModal .watch-support__textarea{font-size:16px;}}
  #watchSupportModal .watch-support__attachment{background:var(--support-card);border-radius:16px;gap:12px;padding:0;overflow:hidden;}
  #watchSupportModal .watch-support__fileButton{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:0;background:transparent;color:var(--support-text);font-size:14px;font-weight:500;}
  #watchSupportModal .watch-support__fileButton:hover{background:rgba(128,128,128,.08);box-shadow:none;}
  #watchSupportModal .watch-support__fileButton:focus-within{background:rgba(128,128,128,.08);box-shadow:inset 0 0 0 1px var(--support-muted);}
  #watchSupportModal .watch-support__fileButton svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  #watchSupportModal .watch-support__fileButton small{display:block;margin-top:4px;color:var(--support-muted);font-size:12px;font-weight:400;}
  #watchSupportModal .watch-support__fileMeta{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;color:var(--support-muted);margin:0 0 16px 16px;}
  #watchSupportModal .watch-support__attachment:not(:has(.watch-support__preview:not([hidden]))) .watch-support__fileMeta{display:none;}
  #watchSupportModal .watch-support__preview{margin:0 0 16px 16px;order:1;}
  #watchSupportModal .watch-support__remove{margin:0 16px 16px 0;color:#ed6868;}
  #watchSupportModal .watch-support__actions{display:grid;grid-template-columns:1fr;margin-top:24px;}
  #watchSupportModal .watch-support__actions>[data-watch-support-close]{display:none;}
  #watchSupportModal .watch-support__button--primary{width:100%;min-height:48px;border-radius:16px;}
  #watchSupportForm:not(:has(.watch-support__category.is-selected)) .watch-support__actions{display:none;}
}
@media(prefers-reduced-motion:reduce){#watchSupportModal :is(.watch-support__category,.watch-support__choice)::after{transition:none;}}

@media(max-width:900px){
  #watchMobileProfileScreen .watch-mobile-profile__compact::before{content:"";position:absolute;top:0;left:-16px;right:-16px;height:calc(80px + env(safe-area-inset-top,0px));z-index:-1;background:color-mix(in srgb,var(--profile-bg) 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(#000 0%,#000 55%,transparent);-webkit-mask-image:linear-gradient(#000 0%,#000 55%,transparent);opacity:var(--profile-header-frost,0);pointer-events:none;}
}

@media(max-width:900px){
  #watchMobileProfileScreen .watch-mobile-profile__scroll-photo{position:absolute;left:0;top:0;max-width:none;transform-origin:50% 50%;pointer-events:none;opacity:0;}
  #watchMobileProfileScreen:not([hidden]) :is(.watch-mobile-profile__scroll-photo,.watch-mobile-profile__photo-viewport){will-change:transform,opacity;}
}
