.onrole-skip-link{z-index:70;top:calc(var(--app-header-height,64px) + 8px);box-sizing:border-box;border-radius:var(--onrole-radius-pill,999px);background:var(--onrole-btn-bg,CanvasText);max-width:calc(100vw - 32px);color:var(--onrole-btn-ink,Canvas);box-shadow:var(--onrole-shadow-overlay,0 12px 32px #00000029);font-family:var(--onrole-font-sans,inherit);white-space:nowrap;transform:translate(-50%, calc(-100% - var(--app-header-height,64px) - 24px));padding:10px 18px;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;position:fixed;left:50%}.onrole-skip-link:focus,.onrole-skip-link:focus-visible{outline:2px solid var(--onrole-focus,currentColor);outline-offset:2px;transform:translate(-50%)}.onrole-skip-link:not(:focus):not(:focus-visible){clip-path:inset(50%)}@media (prefers-reduced-motion:no-preference){.onrole-skip-link{transition:transform var(--onrole-duration-quick,.12s) var(--onrole-ease,ease)}}.onrole-app-header{--_ah-gutter:var(--app-header-gutter,var(--onrole-gutter,16px));box-sizing:border-box;border-bottom:1px solid var(--onrole-line,color-mix(in srgb, currentColor 11%, transparent));background:var(--app-header-background,var(--onrole-bg,Canvas));width:100%;color:var(--onrole-ink,inherit);font-family:var(--onrole-font-sans,inherit);position:relative}@media (min-width:640px){.onrole-app-header{--_ah-gutter:var(--app-header-gutter,var(--onrole-gutter,24px))}}.onrole-app-header--sticky{z-index:40;position:sticky;top:0}.onrole-app-header__inner{box-sizing:border-box;max-width:var(--app-header-max-width,var(--onrole-max,1180px));min-height:60px;padding:8px var(--_ah-gutter);align-items:center;gap:16px;margin:0 auto;display:flex}.onrole-app-header__lockup{min-width:0;min-height:44px;color:inherit;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.onrole-app-header__mark{flex:none;width:22px;height:22px}.onrole-app-header__product{text-overflow:ellipsis;color:var(--onrole-muted,color-mix(in srgb, currentColor 66%, transparent));font-weight:500;overflow:hidden}.onrole-app-header__nav{align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.onrole-app-header__actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.onrole-app-header__menu{display:none}.onrole-app-header__menu-button{border:1px solid var(--onrole-line-2,color-mix(in srgb, currentColor 18%, transparent));width:44px;height:44px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.onrole-app-header__menu-button:hover,.onrole-app-header__menu-button[aria-expanded=true]{background:var(--onrole-surface-2,color-mix(in srgb, currentColor 7%, transparent))}.onrole-app-header__menu-button:focus-visible{outline:2px solid var(--onrole-focus,currentColor);outline-offset:2px}.onrole-app-header__menu-icon{width:20px;height:20px}.onrole-app-header__drawer{z-index:45;box-sizing:border-box;max-height:calc(100vh - 64px);padding:8px var(--_ah-gutter) 16px;border-bottom:1px solid var(--onrole-line,color-mix(in srgb, currentColor 11%, transparent));background:var(--app-header-background,var(--onrole-bg,Canvas));box-shadow:var(--onrole-shadow-overlay,0 12px 32px #00000029);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.onrole-app-header__drawer[hidden]{display:none}.onrole-app-header__drawer-nav,.onrole-app-header__drawer-nav>*,.onrole-app-header__drawer-nav nav,.onrole-app-header__drawer-extra{flex-direction:column;align-items:stretch;gap:2px;display:flex}.onrole-app-header__drawer-extra{border-top:1px solid var(--onrole-line,color-mix(in srgb, currentColor 11%, transparent));gap:8px;margin-top:8px;padding-top:8px}.onrole-app-header__drawer a,.onrole-app-header__drawer button{box-sizing:border-box;align-items:center;width:100%;min-height:44px;display:flex}.onrole-app-header__drawer-nav a{border-radius:var(--onrole-radius-md,10px);color:inherit;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none}.onrole-app-header__drawer-nav a:hover,.onrole-app-header__drawer-nav a[aria-current=page]{background:var(--onrole-surface-2,color-mix(in srgb, currentColor 7%, transparent))}.onrole-app-header__drawer a:focus-visible,.onrole-app-header__drawer button:focus-visible{outline:2px solid var(--onrole-focus,currentColor);outline-offset:2px}@media (max-width:639px){.onrole-app-header__nav,.onrole-app-header__wide-only{display:none}.onrole-app-header__menu{display:inline-flex}}@media (min-width:640px){.onrole-app-header__drawer,.onrole-app-header:not(.onrole-app-header--extra-menu) .onrole-app-header__drawer-extra{display:none}}@media (min-width:640px) and (max-width:767px){.onrole-app-header--menu-768 .onrole-app-header__nav{display:none}.onrole-app-header--menu-768 .onrole-app-header__menu{display:inline-flex}.onrole-app-header--menu-768 .onrole-app-header__drawer:not([hidden]){display:block}}@media (min-width:640px) and (max-width:959px){.onrole-app-header--menu-960 .onrole-app-header__nav{display:none}.onrole-app-header--menu-960 .onrole-app-header__menu{display:inline-flex}.onrole-app-header--menu-960 .onrole-app-header__drawer:not([hidden]){display:block}}@media (min-width:640px) and (max-width:1023px){.onrole-app-header--menu-1024 .onrole-app-header__nav{display:none}.onrole-app-header--menu-1024 .onrole-app-header__menu{display:inline-flex}.onrole-app-header--menu-1024 .onrole-app-header__drawer:not([hidden]){display:block}}@media (min-width:640px) and (max-width:1139px){.onrole-app-header--menu-1140 .onrole-app-header__nav{display:none}.onrole-app-header--menu-1140 .onrole-app-header__menu{display:inline-flex}.onrole-app-header--menu-1140 .onrole-app-header__drawer:not([hidden]){display:block}}@media (min-width:640px) and (max-width:1279px){.onrole-app-header--menu-1280 .onrole-app-header__nav{display:none}.onrole-app-header--menu-1280 .onrole-app-header__menu{display:inline-flex}.onrole-app-header--menu-1280 .onrole-app-header__drawer:not([hidden]){display:block}}.onrole-account-menu{--_am-surface:var(--account-menu-surface,var(--onrole-surface,Canvas));--_am-muted:var(--onrole-muted,color-mix(in srgb, currentColor 66%, transparent));--_am-line:var(--onrole-line,color-mix(in srgb, currentColor 12%, transparent));--_am-line-2:var(--onrole-line-2,color-mix(in srgb, currentColor 18%, transparent));--_am-hover:var(--onrole-surface-2,color-mix(in srgb, currentColor 7%, transparent));--_am-accent:var(--account-menu-accent,var(--onrole-accent,#93733f));--_am-focus:var(--onrole-focus,currentColor);--_am-item:40px;font:inherit;display:inline-flex;position:relative}:root[data-theme=dark] .onrole-account-menu{--_am-accent:var(--account-menu-accent,var(--onrole-accent,#c9a86a))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .onrole-account-menu{--_am-accent:var(--account-menu-accent,var(--onrole-accent,#c9a86a))}}@media (max-width:639px),(pointer:coarse){.onrole-account-menu{--_am-item:44px}}.onrole-account-menu__button,.onrole-account-menu__icon-button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--onrole-ease,cubic-bezier(.22,.61,.36,1)), border-color .16s var(--onrole-ease,cubic-bezier(.22,.61,.36,1));background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0;padding:4px;display:inline-flex}.onrole-account-menu__icon-button{border-color:var(--_am-line-2)}.onrole-account-menu__button:hover,.onrole-account-menu__button[aria-expanded=true],.onrole-account-menu__icon-button:hover,.onrole-account-menu__icon-button[aria-expanded=true]{background:var(--_am-hover)}.onrole-account-menu__button:focus-visible,.onrole-account-menu__icon-button:focus-visible{outline:2px solid var(--_am-focus);outline-offset:2px}.onrole-account-menu__button-name{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;padding-right:6px;font-size:13.5px;font-weight:500;overflow:hidden}@media (max-width:639px){.onrole-account-menu__button-name{display:none}}.onrole-account-menu__avatar{background:var(--onrole-accent-soft,color-mix(in srgb, var(--_am-accent) 22%, var(--_am-surface)));color:inherit;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;overflow:hidden}.onrole-account-menu__avatar-icon{width:58%;height:58%;color:var(--onrole-accent,currentColor)}.onrole-account-menu__avatar img{object-fit:cover;width:100%;height:100%}.onrole-account-menu__avatar--sm{width:32px;height:32px;font-size:13px}.onrole-account-menu__avatar--lg{width:72px;height:72px;font-size:26px}.onrole-account-menu__panel{z-index:50;box-sizing:border-box;border:1px solid var(--_am-line);border-radius:var(--account-menu-radius,var(--onrole-radius-lg,16px));background:var(--_am-surface);width:min(340px,100vw - 32px);max-height:calc(100vh - 80px);color:var(--onrole-ink,inherit);box-shadow:var(--onrole-shadow-overlay,0 12px 32px #00000029, 0 2px 6px #00000014);text-align:start;transform-origin:100% 0;padding:8px;font-size:14px;line-height:1.35;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.onrole-account-menu [hidden],.onrole-account-menu[hidden]{display:none!important}.onrole-account-menu__panel:not([hidden]){animation:onrole-account-menu-in .14s var(--onrole-ease,cubic-bezier(.22,.61,.36,1))}.onrole-account-menu__panel--compact{width:min(220px,100vw - 32px)}@keyframes onrole-account-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.onrole-account-menu__identity{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:16px 12px 12px;display:flex}.onrole-account-menu__identity .onrole-account-menu__avatar{margin-bottom:8px}.onrole-account-menu__name,.onrole-account-menu__email{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.onrole-account-menu__name{font-size:16px;font-weight:600}.onrole-account-menu__email{color:var(--_am-muted);font-size:13.5px}.onrole-account-menu__manage{min-height:var(--_am-item);border:1px solid var(--onrole-accent-line,color-mix(in srgb, var(--_am-accent) 60%, transparent));color:inherit;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;padding:0 18px;font-weight:500;text-decoration:none;display:inline-flex}.onrole-account-menu__manage:hover,.onrole-account-menu__manage:focus-visible{background:var(--onrole-accent-soft,color-mix(in srgb, var(--_am-accent) 12%, transparent))}.onrole-account-menu__divider{background:var(--_am-line);height:1px;margin:8px -8px}.onrole-account-menu__heading{color:var(--_am-muted);padding:6px 12px 4px;font-size:12.5px;font-weight:500;display:block}.onrole-account-menu__item,.onrole-account-menu__radio{box-sizing:border-box;width:100%;min-height:var(--_am-item);border-radius:var(--onrole-radius-md,10px);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0 12px;text-decoration:none;display:flex}.onrole-account-menu__item:hover,.onrole-account-menu__item:focus-visible,.onrole-account-menu__radio:hover,.onrole-account-menu__radio:focus-visible,.onrole-account-menu__legal a:hover,.onrole-account-menu__legal a:focus-visible{background:var(--_am-hover)}.onrole-account-menu__panel :focus-visible{outline:2px solid var(--_am-focus);outline-offset:-2px}.onrole-account-menu__radio[aria-checked=true]{font-weight:600}.onrole-account-menu__icon{flex:none;width:18px;height:18px}.onrole-account-menu__check{width:16px;height:16px;color:var(--_am-accent);visibility:hidden;flex:none;margin-left:auto}.onrole-account-menu__radio[aria-checked=true] .onrole-account-menu__check{visibility:visible}.onrole-account-menu__form{margin:0}.onrole-account-menu__legal{color:var(--_am-muted);justify-content:center;align-items:center;gap:2px;padding:8px 4px 4px;font-size:12px;display:flex}.onrole-account-menu__legal a{min-height:var(--_am-item);color:inherit;border-radius:6px;align-items:center;padding:0 8px;text-decoration:none;display:inline-flex}.onrole-account-menu__sep{padding:0 2px}.onrole-account-menu--standalone{display:block}.onrole-account-menu__ctx{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.onrole-account-menu__ctx li{margin:0;padding:0}.onrole-account-menu__ctx-scroll{overscroll-behavior:contain;border-block:1px solid var(--_am-line);flex-direction:column;gap:2px;max-height:min(18rem,40dvh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.onrole-account-menu__ctx-row,.onrole-account-menu__ctx-manage{min-height:44px;padding-block:6px}.onrole-account-menu__ctx-row--current{cursor:default}.onrole-account-menu__ctx-text{flex-direction:column;flex:auto;min-width:0;display:flex}.onrole-account-menu__ctx-line{align-items:center;gap:8px;min-width:0;display:flex}.onrole-account-menu__ctx-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.onrole-account-menu__ctx-row--current .onrole-account-menu__ctx-name{font-weight:600}.onrole-account-menu__ctx-roles{text-overflow:ellipsis;white-space:nowrap;color:var(--_am-muted);font-size:12.5px;overflow:hidden}.onrole-account-menu__ctx-badge{border:1px solid var(--onrole-accent-line,color-mix(in srgb, var(--_am-accent) 60%, transparent));background:var(--onrole-accent-soft,color-mix(in srgb, var(--_am-accent) 14%, var(--_am-surface)));color:var(--onrole-ink,inherit);border-radius:999px;flex:none;padding:1px 8px;font-size:11.5px;font-weight:600;line-height:1.5}.onrole-account-menu__ctx-check{width:16px;height:16px;color:var(--_am-accent);flex:none;margin-left:auto}.onrole-account-menu--standalone .onrole-account-menu__item:focus-visible{outline:2px solid var(--_am-focus);outline-offset:-2px}.onrole-account-menu__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.onrole-account-menu__panel:not([hidden]){animation:none}.onrole-account-menu__button,.onrole-account-menu__icon-button{transition:none}}@media (forced-colors:active){.onrole-account-menu__panel{border:1px solid canvastext}.onrole-account-menu__radio[aria-checked=true] .onrole-account-menu__check{color:highlight}}
.onrole-appearance{--_ap-ink:var(--onrole-ink,currentColor);--_ap-muted:var(--onrole-muted,color-mix(in srgb, currentColor 66%, transparent));--_ap-line:var(--onrole-line-2,color-mix(in srgb, currentColor 18%, transparent));--_ap-accent:var(--onrole-accent,currentColor);--_ap-card:var(--onrole-surface,Canvas);--_ap-radius:var(--onrole-radius-md,10px);color:var(--_ap-ink);font:inherit}.onrole-appearance__title{margin:0;font-size:16px;font-weight:600;line-height:1.3}.onrole-appearance__intro{color:var(--_ap-muted);margin:4px 0 0;font-size:13.5px;line-height:1.5}.onrole-appearance__options{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.onrole-appearance__options-wrap{container-type:inline-size}@container (min-width:560px){.onrole-appearance__options{grid-template-columns:repeat(3,minmax(0,1fr))}}.onrole-appearance__option{text-align:left;min-width:0;font:inherit;color:var(--_ap-ink);cursor:pointer;background:var(--_ap-card);border-radius:var(--_ap-radius);box-shadow:inset 0 0 0 1px var(--_ap-line);transition:box-shadow var(--onrole-duration-quick,.12s) var(--onrole-ease,cubic-bezier(.22,.61,.36,1));border:0;flex-direction:column;gap:10px;padding:10px;display:flex}.onrole-appearance__option:hover{box-shadow:inset 0 0 0 1px var(--_ap-ink)}.onrole-appearance__option[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--_ap-accent)}.onrole-appearance__option:focus-visible{outline:2px solid var(--onrole-focus,var(--_ap-accent));outline-offset:2px}.onrole-appearance__preview{border-radius:var(--onrole-radius-sm,6px);height:92px;box-shadow:inset 0 0 0 1px var(--_ap-line);display:flex;overflow:hidden}.onrole-appearance__mini{background:var(--onrole-bg-2);min-width:0;color:var(--onrole-ink);flex:1;display:flex}.onrole-appearance__mini-side{background:var(--onrole-bg);border-right:1px solid var(--onrole-line);width:26%}.onrole-appearance__mini-main{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.onrole-appearance__mini-title{background:var(--onrole-ink);border-radius:99px;width:55%;height:6px}.onrole-appearance__mini-card{background:var(--onrole-surface);border:1px solid var(--onrole-line);border-radius:4px;flex-direction:column;flex:1;gap:4px;padding:6px;display:flex}.onrole-appearance__mini-line{background:var(--onrole-line-2);border-radius:99px;width:80%;height:4px}.onrole-appearance__mini-line+.onrole-appearance__mini-line{width:60%}.onrole-appearance__mini-button{background:var(--onrole-btn-bg);border-radius:99px;width:28px;height:8px;margin-top:auto}.onrole-appearance__label{align-items:center;gap:10px;min-width:0;display:flex}.onrole-appearance__icon{flex:none;width:16px;height:16px}.onrole-appearance__text{flex:1;min-width:0}.onrole-appearance__name{font-size:14px;font-weight:600;line-height:1.3;display:block}.onrole-appearance__hint{color:var(--_ap-muted);font-size:12.5px;line-height:1.35;display:block}.onrole-appearance__dot{width:20px;height:20px;color:var(--onrole-btn-ink,Canvas);box-shadow:inset 0 0 0 1px var(--_ap-line);border-radius:99px;flex:none;justify-content:center;align-items:center;display:inline-flex}.onrole-appearance__option[aria-checked=true] .onrole-appearance__dot{background:var(--onrole-btn-bg,currentColor);box-shadow:none}.onrole-appearance__dot svg{width:13px;height:13px}.onrole-appearance__status{min-height:20px;color:var(--_ap-muted);margin:12px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.onrole-appearance__option{transition:none}}.onrole-about{--_ab-ink:var(--onrole-ink,currentColor);--_ab-muted:var(--onrole-muted,color-mix(in srgb, currentColor 66%, transparent));--_ab-line:var(--onrole-line,color-mix(in srgb, currentColor 12%, transparent));--_ab-hover:var(--onrole-surface-2,color-mix(in srgb, currentColor 7%, transparent));--_ab-focus:var(--onrole-focus,currentColor);color:var(--_ab-ink);font:inherit}.onrole-about__title{margin:0;font-size:16px;font-weight:600;line-height:1.3}.onrole-about__intro{color:var(--_ab-muted);margin:4px 0 0;font-size:13.5px;line-height:1.5}.onrole-about__facts{margin:12px 0 0;padding:0;font-size:14px;line-height:1.5;display:grid}.onrole-about__facts>div{border-top:1px solid var(--_ab-line);flex-wrap:wrap;align-items:baseline;gap:2px 16px;padding:10px 0;display:flex}.onrole-about__facts>div:last-child{border-bottom:1px solid var(--_ab-line)}.onrole-about__facts dt{color:var(--_ab-muted);flex:0 0 8.5em;font-weight:500}.onrole-about__facts dd{overflow-wrap:anywhere;flex:12em;min-width:0;margin:0}.onrole-about__mono{font-family:var(--onrole-font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:13px}.onrole-about__links{flex-wrap:wrap;gap:0 8px;margin:8px 0 0 -10px;padding:0;list-style:none;display:flex}.onrole-about__links a{border-radius:var(--onrole-radius-sm,6px);min-height:44px;color:var(--_ab-muted);align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.onrole-about__links a:hover{color:var(--_ab-ink);background:var(--_ab-hover)}.onrole-about__links a:focus-visible{outline:2px solid var(--_ab-focus);outline-offset:2px}.onrole-about__icon{flex:none;width:16px;height:16px}@media (max-width:420px){.onrole-about__facts>div{gap:2px;display:grid}}
.onrole-products{--_ps-surface:var(--onrole-surface,Canvas);--_ps-ink:var(--onrole-ink,CanvasText);--_ps-muted:var(--onrole-muted,color-mix(in srgb, currentColor 66%, transparent));--_ps-line:var(--onrole-line,color-mix(in srgb, currentColor 12%, transparent));--_ps-line-2:var(--onrole-line-2,color-mix(in srgb, currentColor 18%, transparent));--_ps-hover:var(--onrole-bg-2,color-mix(in srgb, currentColor 8%, transparent));--_ps-tile:var(--onrole-accent-soft,color-mix(in srgb, currentColor 10%, transparent));--_ps-tile-ink:var(--onrole-ink,currentColor);--_ps-focus:var(--onrole-focus,currentColor);color:var(--_ps-ink);font-family:var(--onrole-font-sans,inherit);display:inline-flex;position:relative}.onrole-products__button{border-radius:var(--onrole-radius-pill,999px);width:40px;height:40px;color:inherit;cursor:pointer;transition:background-color var(--onrole-duration-quick,.12s) var(--onrole-ease,cubic-bezier(.22,.61,.36,1));background:0 0;border:0;place-items:center;margin:0;padding:0;display:inline-grid}.onrole-products__button:hover,.onrole-products__button[aria-expanded=true]{background:var(--_ps-hover)}.onrole-products__button:focus-visible,.onrole-products__item:focus-visible{outline:2px solid var(--_ps-focus);outline-offset:2px}.onrole-products__icon{width:20px;height:20px}.onrole-products__panel{z-index:50;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--_ps-line-2);border-radius:var(--onrole-radius-lg,12px);background:var(--_ps-surface);width:min(360px,100vw - 32px);max-height:min(560px,100vh - 96px);box-shadow:var(--onrole-shadow-overlay,0 12px 32px #00000029, 0 2px 6px #00000014);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.onrole-products__panel[hidden]{display:none}@media (max-width:480px){.onrole-products__panel{top:calc(var(--app-header-height,56px) + 8px);width:auto;position:fixed;left:16px;right:16px}}.onrole-products__group+.onrole-products__group,.onrole-products__group+.onrole-products__account{border-top:1px solid var(--_ps-line);margin-top:6px;padding-top:6px}.onrole-products__heading{color:var(--_ps-muted);letter-spacing:.02em;padding:6px 10px 4px;font-size:12px;font-weight:600;display:block}.onrole-products__item{border-radius:var(--onrole-radius-md,8px);min-height:44px;color:inherit;cursor:pointer;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}a.onrole-products__item:hover{background:var(--_ps-hover)}.onrole-products__item--current,.onrole-products__item--soon{cursor:default}.onrole-products__item--current{background:var(--_ps-hover)}.onrole-products__logo{border-radius:var(--onrole-radius-sm,6px);object-fit:contain;flex:none;width:32px;height:32px}.onrole-products__logo--letter{background:var(--_ps-tile);color:var(--_ps-tile-ink);place-items:center;font-size:15px;font-weight:600;display:inline-grid}.onrole-products__item--soon .onrole-products__logo{opacity:.6}.onrole-products__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.onrole-products__name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;font-size:14px;font-weight:600;line-height:1.3;display:flex}.onrole-products__desc{color:var(--_ps-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.35;overflow:hidden}.onrole-products__chip{border:1px solid var(--_ps-line-2);border-radius:var(--onrole-radius-pill,999px);color:var(--_ps-muted);white-space:nowrap;padding:1px 8px;font-size:11px;font-weight:500}.onrole-products__check{flex:none;width:18px;height:18px}.onrole-products__account{font-size:14px;font-weight:500}.onrole-products__account-icon{width:18px;height:18px;margin-inline:7px}@media (prefers-reduced-motion:reduce){.onrole-products__button{transition:none}}@media (max-width:639px),(pointer:coarse){.onrole-products__button{width:44px;height:44px}}