@layer imports, properties, theme, preflights, base, base, roles, roles, shortcuts, components, components, recipes, recipes, default, utilities, utilities, utilities, overrides, overrides;@layer base{.c-ring-active::before, .c-ring-live::before, .c-ring-mi::before, .u-mixed-ring::before{--ring-gap-default:calc(var(--ring-ctx-gap, 2px) - var(--ring-ctx-in, 0) * var(--ring-w, 2px));position:absolute;z-index:var(--ring-z, -2);pointer-events:none;content:"";inset:var(--ring-inset, calc(0px - var(--ring-edge, 0px) - var(--ring-offset, var(--ring-gap-default)) - var(--ring-w, 2px)));border-radius:var(--ring-outer, calc(var(--ring-radius, var(--control-radius, 999px)) + var(--ring-offset, var(--ring-gap-default)) + var(--ring-w, 2px)));padding:var(--ring-w, 2px);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude;animation:u-ring-spin var(--ring-speed, 3s) steps(var(--ring-steps, 54)) infinite;background:conic-gradient(from var(--ring-angle), var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));background:conic-gradient(from var(--ring-angle) in oklch, var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));}@media (prefers-reduced-motion: reduce){.c-ring-active::before, .c-ring-live::before, .c-ring-mi::before, .u-mixed-ring::before{animation:none;}}}@layer roles{:where(.u-auth-link){--control-fg-hover:var(--colors-accent-hover);}:where(.u-chip), :where(.u-tag){--control-surface-hover:var(--colors-accent-hover);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-transparent);}:where(.u-action), :where(.u-button){--control-surface-hover:var(--colors-accent-hover);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-accent-hover);}:where(.u-pagination){--control-surface-hover:var(--colors-surface-sunk);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-transparent);}}@layer utilities{.c-var-avatar{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-line-strong);}.c-var-blank, [un-c-var~="blank"]{--control-surface-hover:var(--colors-surface-blank-hover);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-transparent);}.c-var-outline, [un-c-var~="outline"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-accent);}.c-var-primary, [un-c-var~="button"], [un-c-var~="primary"]{--control-surface-hover:var(--colors-accent-hover);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-accent-hover);}.c-var-secondary, [un-c-var~="secondary"]{--control-surface-hover:var(--colors-accent-alt-hover);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-accent-alt-hover);}[un-c-var~="add"]{--control-surface-hover:var(--colors-accent);--control-fg-hover:var(--colors-fg-add);--control-line-hover:var(--colors-transparent);--control-surface-active-hover:var(--colors-surface-add);--control-fg-active-hover:var(--colors-fg-add);--control-line-active-hover:var(--colors-transparent);}[un-c-var~="bare"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-transparent);}[un-c-var~="chip"], [un-c-var~="tag"]{--control-surface-hover:var(--colors-accent-hover);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-transparent);}[un-c-var~="drawer"]{--control-surface-hover:var(--colors-surface-inverse-hover);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-transparent);}[un-c-var~="ghost"]{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-line-strong);}[un-c-var~="icon"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-accent-hover);--control-line-hover:var(--colors-transparent);}[un-c-var~="menu"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-strong);--control-line-hover:var(--colors-transparent);}[un-c-var~="milink"]{--control-surface-hover:var(--colors-surface-mi-hover);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-line-inverse);}[un-c-var~="option"]{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-transparent);}[un-c-var~="overlay"]{--control-surface-hover:var(--colors-accent);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-transparent);}@media (min-width: 1100px){[un-c-var~="mdl\:outline"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-accent);--control-line-hover:var(--colors-accent);}}@media (min-width: 1350px){[un-c-var~="xlg\:mi"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-strong);--control-line-hover:var(--colors-transparent);}}}@layer shortcuts{@media (hover: hover){.u-action.c-hover:not(:disabled, [aria-disabled="true"]):hover .u-icon{color:inherit;}}}@layer components{@media (hover: hover){a.u-card-avatar:not([aria-disabled="true"]):hover{outline:2px solid var(--colors-accent);outline-offset:-2px;}}}@layer components{.u-card-menu-overlay{position:fixed;inset:0;z-index:1040;background-color:transparent;}.u-card-menu-box{position:fixed;z-index:1060;}.u-card-menu-list{min-width:164px;max-height:calc(var(--spacing) * 75);overflow-y:auto;overscroll-behavior:contain;}.u-card-menu-item{--control-h:calc(var(--spacing) * 9);--control-px:calc(var(--spacing) * 3);--control-gap:calc(var(--spacing) * 2);--control-radius:var(--card-radius-sm);--control-justify:flex-start;--control-border-w:0px;--control-surface:transparent;--control-fg:var(--colors-fg);--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-accent);--focus-ring-offset:-2px;width:100%;padding-block:calc(var(--spacing) * 1.5);text-align:start;}}@layer components{.u-popover{position:absolute;top:calc(100% + 4px);z-index:1060;overflow:hidden;box-shadow:0 24px 64px rgb(0 0 0 / 28%);}}@layer components{.u-foot-rta:hover{color:var(--colors-accent);}}@layer components{.u-auth-sfw-icon{color:var(--colors-fg-muted);}.u-auth-sfw-alert{margin-inline-end:calc(var(--spacing) * 2);vertical-align:middle;color:var(--colors-accent);}.u-auth-sfw-logo{max-width:calc(var(--spacing) * 27);height:calc(var(--spacing) * 4);}.u-auth-sfw-logo-tall{height:calc(var(--spacing) * 7);}.u-auth-sfw-rta{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 4);opacity:0.5;}}@layer components{.u-sfw-page{display:flex;flex:1;align-items:center;justify-content:center;width:100%;min-width:0;padding:calc(var(--spacing) * 4);}@media (max-width: 599.9px){.u-sfw-page{padding:0;}.u-sfw-page > .u-sfw-dialog{border-width:0;}}}@layer components{.u-dialog-anim.u-dialog-frame{transition:opacity 180ms ease;}.u-dialog-anim .u-dialog{transition:transform 180ms ease;}.u-dialog-anim-from.u-dialog-frame{opacity:0;}.u-dialog-anim-from .u-dialog{transform:translateY(8px) scale(.98);}@media (prefers-reduced-motion: reduce){.u-dialog-anim.u-dialog-frame, .u-dialog-anim .u-dialog{transition:none;}}@media (max-width: 599.9px){.u-dialog-frame[data-fullscreen]{padding:0;}.u-dialog-frame[data-fullscreen] .u-dialog{height:100dvh;max-height:100dvh;border-width:0;border-radius:0;}}}@layer components{.l-str-toasts{position:fixed;inset-inline:0;bottom:calc(var(--spacing) * 2 + var(--floating-ad-bottom-clearance, 0px));z-index:1080;display:flex;justify-content:center;padding-inline:calc(var(--spacing) * 3);pointer-events:none;}.l-str-toasts > .u-toasts{max-height:max(0px, calc(100dvh - var(--floating-ad-bottom-clearance, 0px) - var(--floating-controls-headroom, 0px)));max-width:100%;overflow-y:auto;pointer-events:auto;}}@layer components{.u-toast{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);pointer-events:auto;box-shadow:0 5px 25px rgb(0 0 0 / 25%);}.u-toast-close{flex:none;border-width:0;opacity:0.65;}.u-toast-close:hover{opacity:1;}}@layer components{.u-feedback-badge:hover{background-color:var(--control-surface-hover);color:var(--control-fg-hover);}}@layer components{.l-notices{--notices-w:calc(var(--spacing) * 85);--notices-dur:300ms;--notices-from:translateY(100%);position:fixed;inset:0;z-index:1060;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:var(--notices-edge, calc(var(--spacing) * 5));gap:var(--notices-gap, calc(var(--spacing) * 3));pointer-events:none;}.l-notices[data-edge='0']{--notices-edge:0px;}.l-notices[data-edge='2']{--notices-edge:calc(var(--spacing) * 2);}.l-notices[data-edge='3']{--notices-edge:calc(var(--spacing) * 3);}.l-notices[data-edge='4']{--notices-edge:calc(var(--spacing) * 4);}.l-notices[data-gap='1']{--notices-gap:var(--spacing);}.l-notices[data-gap='2']{--notices-gap:calc(var(--spacing) * 2);}.l-notices[data-gap='4']{--notices-gap:calc(var(--spacing) * 4);}.l-notices[data-width='auto']{--notices-w:auto;}.l-notices[data-width='wide']{--notices-w:calc(var(--spacing) * 120);}.l-notices[data-width='full']{--notices-w:100%;}.l-notices[data-from='top']{--notices-from:translateY(-100%);}.l-notices[data-from='end']{--notices-from:translateX(100%);}.l-notices[data-from='start']{--notices-from:translateX(-100%);}.l-notices[data-from='fade']{--notices-from:none;}.l-notices[data-speed='fast']{--notices-dur:180ms;}.l-notices[data-speed='slow']{--notices-dur:500ms;}.l-notices[data-place^='top-']{justify-content:flex-start;}.l-notices[data-place$='-start']{align-items:flex-start;}.l-notices[data-place$='-center']{align-items:center;}@media (max-width: 374.9px){.l-notices[data-flush]{padding:calc(var(--spacing) * 3);align-items:stretch;}.l-notices[data-flush] > .l-notices-item{inline-size:100%;}}.u-notices-hidden{opacity:0;transform:var(--notices-from);}.u-notices-anim{transition:opacity var(--notices-dur, 300ms) cubic-bezier(0.4, 0, 0.2, 1), transform var(--notices-dur, 300ms) cubic-bezier(0.4, 0, 0.2, 1);}@media (prefers-reduced-motion: reduce){.u-notices-anim{transition:none;}}}@layer components{.l-notices-item{inline-size:var(--notices-w, auto);min-width:0;max-width:100%;pointer-events:auto;}}@layer components{.u-notice-toast{--notice-icon-box:calc(var(--spacing) * 6);width:auto;}.u-notice-toast .u-notice-text{color:var(--colors-fg);}}@layer utilities{.l-head .l-head-search.l-head-cell:has(.u-field-box[data-open="true"]){z-index:4;}}@layer components{.u-drawer[data-open]{visibility:visible;translate:0;}}@layer components{.u-profile-menu-avatar{--avatar-control-size:var(--control-h);display:block;grid-row:span 2;}.u-profile-popover{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);width:calc(var(--spacing) * 70);max-width:100vw;padding:calc(var(--spacing) * 3);}.u-profile-popover .u-menu-item{--control-justify:space-between;}.u-profile-popover .u-icon-mask[data-icon='user']{--icon-src:url(https://static.trannytube.tv/_astro/user.19mPNv6k.svg);}.u-profile-popover .u-icon-mask[data-icon='users']{--icon-src:url(https://static.trannytube.tv/_astro/users.AbtoQtgE.svg);}.u-profile-popover .u-icon-mask[data-icon='heart']{--icon-src:url(https://static.trannytube.tv/_astro/heart.BqEOzV4W.svg);}.u-profile-popover .u-icon-mask[data-icon='star']{--icon-src:url(https://static.trannytube.tv/_astro/star.IKhmOT4B.svg);}.u-profile-popover .u-icon-mask[data-icon='log-out']{--icon-src:url(https://static.trannytube.tv/_astro/log-out.uESt7zZZ.svg);}.u-profile-popover .u-icon-mask[data-icon='log-in']{--icon-src:url(https://static.trannytube.tv/_astro/log-in.dQUqMu6y.svg);}.u-profile-popover-identity{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;align-content:center;column-gap:calc(var(--spacing) * 2);padding-block-end:calc(var(--spacing) * 2);border-block-end:1px solid var(--colors-line);}.u-profile-popover-name, .u-profile-popover-email{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.u-profile-popover-name{color:var(--colors-fg);}.u-profile-popover-email{color:var(--colors-fg-muted);}}@layer components{.u-search-box[data-open]{z-index:1040;}}@layer components{.u-popover.u-search-suggestions{inset-inline:0;max-height:300px;overflow-y:auto;overscroll-behavior:contain;}.u-popover.u-search-suggestions[data-recent]{max-height:none;overflow-y:visible;}.u-search-suggestions .u-menu-item{width:100%;white-space:normal;}.u-search-suggestions .u-menu-item[data-active]{background:var(--control-surface-active);color:var(--control-fg-active);}.u-search-suggestions-head{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--colors-line);background-color:var(--colors-surface);}.u-search-suggestions-label, .u-search-suggestions-empty{color:var(--colors-fg-muted);}.u-search-suggestions-label{text-transform:uppercase;}li.u-search-suggestions-label{padding-block:var(--spacing);}.u-search-suggestions > .u-loader{display:flex;margin:calc(var(--spacing) * 4) auto;}}@layer components{.u-foot-link:hover{color:var(--foot-link-fg-hover, var(--foot-link-fg, var(--colors-accent)));}}@layer components{@media (hover: hover){.u-text-link:not([data-hover="off"], [aria-disabled="true"]):hover{color:var(--control-fg-hover, var(--colors-accent-hover));}}}