/* One Platforme component for existing public and app navigation menus. */
#settingsDropdown.ss-platform-enabled{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.ss-platform-menu{margin:8px 0 0;padding:8px 0;border-top:1px solid var(--ss-border,#d5ddd0);text-align:start;color:inherit}
.ss-platform-menu [hidden]{display:none!important}
.ss-platform-menu .ss-platform-toggle,.ss-platform-menu .ss-platform-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;box-sizing:border-box;margin:0;padding:10px;border:0;border-radius:8px;background:transparent;text-align:start;font:400 14px/22px Inter,system-ui,sans-serif;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ss-platform-menu .ss-platform-toggle>[data-platform-title]{flex:1;min-width:0}
.ss-platform-menu .ss-platform-chevron{display:block;width:14px;height:14px;flex:none;transition:transform .15s}
.ss-platform-menu .ss-platform-toggle[aria-expanded=true] .ss-platform-chevron{transform:rotate(180deg)}
.ss-platform-menu .ss-platform-link{padding-inline-start:28px}
/* The native desktop decorator uses important declarations in this cascade layer. */
@layer ss-dropdown{
 #settingsDropdown.ss-platform-enabled .ss-platform-menu .ss-platform-link{font:400 14px/22px Inter,system-ui,sans-serif!important;padding:10px 12px!important}
 @media(min-width:768px){
  #settingsDropdown.ss-platform-enabled .ss-platform-menu{margin:0!important;padding:0!important;border:0!important;direction:ltr}
  #settingsDropdown.ss-platform-enabled .ss-platform-toggle>.ss-platform-chevron{width:16px!important;height:16px!important;flex:0 0 16px!important;color:inherit!important}
 }
 #settingsDropdown.ss-platform-enabled .ss-platform-menu .ss-platform-link{padding-inline-start:28px!important}
 @media(max-width:767px){#bb-mobile-more-sheet .ss-platform-menu :is(.ss-platform-toggle,.ss-platform-link){font:400 14px/22px Inter,system-ui,sans-serif!important}}
 @media(hover:hover){:is(#settingsDropdown,#bb-mobile-more-sheet) .ss-platform-menu :is(button,a):hover{background:var(--ss-hover,rgba(111,132,100,.12))!important}}
}
.ss-platform-menu .ss-platform-copy{display:block;flex:1;min-width:0}
.ss-platform-menu .ss-platform-label{display:block;overflow-wrap:anywhere}
.ss-platform-menu .ss-dir-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:24px;direction:ltr}
.ss-platform-menu .ss-dir-platform-icon img,.ss-platform-menu .ss-dir-platform-icon svg{display:block;width:22px;height:22px;max-width:none;flex:none;object-fit:contain;filter:none!important}
.ss-platform-menu .ss-dir-platform-browsers img+img{margin-left:-8px}
.ss-platform-menu .ss-dir-platform-windows{color:#0078d4}
.ss-platform-menu .ss-dir-platform-ios{color:inherit}
.ss-platform-menu .ss-platform-current{cursor:default}
.ss-platform-menu [data-platform-current]{display:block;margin-top:2px;font:400 12px/17px Inter,system-ui,sans-serif;color:inherit;opacity:.8}
.ss-platform-menu .ss-platform-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ss-platform-menu :is(button,a):focus-visible{outline:2px solid var(--ss-focus,#65805f);outline-offset:-2px}
@media(max-width:767px){
 #bb-mobile-more-sheet .ss-platform-menu .ss-platform-toggle,#bb-mobile-more-sheet .ss-platform-menu .ss-platform-link{min-height:48px;padding-block:12px;text-align:start}
 #bb-mobile-more-sheet .ss-platform-menu .ss-platform-link{padding-inline:28px 10px;gap:10px}
 body[data-ss-editor-menu] #sk-edit-toolbar .ss-editor-menu-toggle{position:static;display:flex!important;flex:0 0 48px;min-width:44px;min-height:44px;width:48px;height:48px;padding:3px 0;align-items:center;justify-content:center;gap:1px;flex-direction:column;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}
 body[data-ss-editor-menu] #sk-edit-toolbar .ss-editor-menu-toggle svg{width:19px;height:19px;flex:none}
 body[data-ss-editor-menu] #sk-edit-toolbar .ss-editor-menu-toggle .mn-tab-label{display:block;font:400 10px/14px Inter,system-ui,sans-serif;max-width:100%;white-space:nowrap}
 body[data-ss-editor-menu] #bb-mobile-more-sheet:not([hidden]){display:flex!important;z-index:9902}
 body[data-ss-editor-menu] .mn-more-backdrop:not([hidden]){display:block!important;z-index:9901}
 body[data-ss-editor-menu] #sk-edit-toolbar .ss-editor-menu-toggle:focus-visible{outline:2px solid var(--ss-focus,#65805f);outline-offset:-2px}
 html:not([data-ss-menu-keyboard]) body[data-ss-editor-menu] #sk-edit-toolbar .ss-editor-menu-toggle:focus{outline:none!important;box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){.ss-platform-menu .ss-platform-chevron{transition:none}}

/* The following native separator already supplies the lower 8px gap. */
@media(max-width:767px){#bb-mobile-more-sheet .ss-platform-menu{padding-bottom:0}}

/* Mobile parity with the native language control; keep the 8px/8px gaps. */
@media(max-width:767px){
 #bb-mobile-more-sheet .ss-platform-menu{position:relative;border-top-color:transparent}
 #bb-mobile-more-sheet .ss-platform-menu::before{content:"";position:absolute;top:-1px;left:10px;right:10px;height:1px;background:var(--ss-ui-language-border,#d5ddd0);pointer-events:none}
}
@layer ss-dropdown{@media(max-width:767px){
 #bb-mobile-more-sheet .ss-platform-menu+:is(.mns-sep,.mn-more-sep){background:var(--ss-ui-language-border,#d5ddd0)!important}
 #bb-mobile-more-sheet :is(.ss-platform-toggle,.ss-mobile-group>summary){direction:ltr!important}
 #bb-mobile-more-sheet .ss-mobile-group>summary{justify-content:space-between!important}
 #bb-mobile-more-sheet .ss-platform-toggle>.ss-platform-chevron{display:none!important}
 #bb-mobile-more-sheet :is(.ss-platform-toggle,.ss-mobile-group>summary)::after{content:""!important;display:block!important;position:static!important;inset:auto!important;order:2!important;width:16px!important;height:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat!important;transform:none!important;opacity:1!important;visibility:visible!important}
 #bb-mobile-more-sheet :is(.ss-platform-toggle[aria-expanded=true],.ss-mobile-group[open]>summary)::after{transform:rotate(180deg)!important}
}}