.page{justify-items:start;gap:16px;padding:24px;display:grid}.popover-support-message{z-index:10;color:#fff;background:#212121f5;border-radius:.75rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:32px;left:50%;transform:translate(-50%)}@supports selector(:popover-open) and (interest-delay:0s){.popover-support-message{display:none}}.safe-triangle{border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:8px 12px;font-size:.875rem;font-weight:700;display:flex}.safe-triangle>label{cursor:pointer;align-items:center;gap:6px;display:none}.safe-triangle>label input{accent-color:var(--color-accent);margin:0}.safe-triangle>.safe-triangle__mobile-message{color:color-mix(in oklab, var(--color-text) 72%, transparent);flex-basis:100%;margin:0;font-size:.75rem;font-weight:400;line-height:1.4}@media (hover:hover) and (pointer:fine){.safe-triangle>label{display:flex}.safe-triangle>.safe-triangle__mobile-message{display:none}}.safe-triangle:has(>.enable input:not(:checked))>.show{display:none}body:has(.safe-triangle>.enable input:not(:checked)) .mega-menu__category:before{content:none}body:has(.safe-triangle>.enable input:not(:checked)) :is(.submenu,.mega-menu__panel):before{content:none}body:has(.safe-triangle>.show input:checked) :is(.submenu,.mega-menu__panel):before{background:var(--triangle-color)}body:has(.safe-triangle>.enable input:not(:checked)) .submenu{--submenu-gap:0px}body:has(.safe-triangle>.enable input:not(:checked)) .action-list:not(.action-list--down) :is(.action-item:not(:has(>.action-trigger[interestfor])),.action-trigger[interestfor]):before{content:"";z-index:1;inline-size:calc(var(--menu-panel-padding) + var(--menu-panel-border-width));clip-path:none;block-size:auto;display:block;position:absolute;inset-block:0;inset-inline-start:100%}body:has(.safe-triangle>.enable input:not(:checked)) .action-list--down>.action-item:before{content:none}:where(.action-list,.submenu){--menu-panel-padding:8px;--menu-panel-border-width:1px;width:220px;padding:var(--menu-panel-padding);border:var(--menu-panel-border-width) solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-popover);border-radius:12px;gap:1px;margin:0;list-style:none;display:grid}.action-list{anchor-name:--parent-menu}.action-list button{width:100%;min-height:40px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:10px;align-items:center;padding-inline:12px;font-size:.875rem;font-weight:700;transition:color .2s,background .2s;display:flex}@media (hover:hover) and (pointer:fine){.action-list button:hover{background:var(--color-surface-hover)}}.action-list button:active{background:var(--color-surface-hover)}:where(.action-item,.action-trigger[interestfor]):before{content:"";z-index:1;top:var(--safe-top);left:var(--safe-left);width:var(--safe-width);height:var(--safe-height);display:none;position:fixed}.action-item{--submenu-gap:3px;--indicator-active-translate:2px;position:relative}.action-item:has(>.action-trigger[interestfor]):before{content:none}.action-item:has(>.submenu:popover-open){z-index:3}.action-item:has(>.submenu:popover-open)>.action-trigger{color:var(--color-accent);background:var(--color-surface-hover)}.action-item:has(>.submenu:popover-open)>.action-trigger:after{translate:var(--indicator-active-translate)}@media (hover:hover) and (pointer:fine){.action-item:has(>.submenu:popover-open):before,.action-item:has(>.submenu:popover-open)>.action-trigger[interestfor]:before{display:block}}.action-trigger{z-index:2;justify-content:space-between;position:relative}.action-trigger:after{content:"";aspect-ratio:1;border-block-start:2px solid;border-inline-end:2px solid;width:7px;transition:translate .2s;rotate:45deg}:where(.submenu,.mega-menu__panel):before{content:"";z-index:1;top:var(--safe-top);left:var(--safe-left);width:var(--safe-width);height:var(--safe-height);clip-path:polygon(0 var(--safe-y), 100% 0, 100% 100%);pointer-events:none;position:fixed}.submenu{z-index:4;opacity:0;align-content:start;block-size:fit-content}.submenu[popover]{transition:opacity .2s, display .2s allow-discrete, overlay .2s allow-discrete;display:none;overflow:visible}.submenu[popover]:popover-open{opacity:1;display:grid}@starting-style{.submenu[popover]:popover-open{opacity:0}}
