@layer components{.account-nav{position:relative;& .trigger{align-items:center;gap:var(--s-button-gap);padding:var(--s-button-padding-top) var(--s-button-padding-horizontal);border-radius:var(--s-button-border-radius);border:var(--s-button-border-width) solid var(--s-button-color-tertiary-border);background-color:var(--s-color-surface-subtle);color:var(--s-button-color-tertiary-text);cursor:pointer;list-style:none;transition:background-color .3s;display:inline-flex;&::-webkit-details-marker{display:none}&::marker{display:none}&:hover{color:var(--s-button-color-secondary-fg-hover)}@media (max-width:63.9375em){background-color:#0000;border:0;gap:0;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}&>:first-child{flex-shrink:0}}& .summary-text{@media (max-width:63.9375em){clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin-left:-1px;margin-bottom:-1px;margin-right:-1px;margin-top:-1px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;position:absolute;overflow:hidden}}& .arrow{flex-shrink:0;transition:transform .3s ease-in-out;display:flex;@media (max-width:63.9375em){clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin-left:-1px;margin-bottom:-1px;margin-right:-1px;margin-top:-1px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;position:absolute;overflow:hidden}}&[open] .arrow{transform:rotate(180deg)}& .dropdown{z-index:1300;border:1px solid var(--s-color-border-subtle);background-color:var(--s-color-surface-default);min-width:250px;margin:0;padding:0;list-style:none;position:absolute;top:100%;right:0;& .menu-item{font-weight:var(--s-type-label-font-weight);background-color:var(--s-color-surface-default);border-bottom:1px solid var(--s-color-border-subtle);cursor:pointer;color:var(--s-color-text-subtle);padding:1rem;&:hover{background-color:var(--s-color-surface-subtle)}&:last-child{border-bottom:none}& .action{align-items:center;gap:var(--s-spacing-2);width:100%;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:none;display:flex}&.logout .action{color:var(--s-color-text-error)}}}}}@layer components{.spc-layout{flex-direction:column;min-height:100vh;display:flex;&>header{justify-content:center;align-items:center;gap:var(--s-spacing-8);background:var(--s-color-surface-default);flex-direction:column;flex-shrink:0;align-self:stretch;height:80px;padding:0 64px;display:flex;&>.global-header img{max-inline-size:none}& .global-header a.btn{display:inline-flex}}& .language-group,& .spc-layout__header-actions{align-items:center;gap:16px;display:flex}& .spc-layout__market-label{color:var(--s-color-palette-neutral-600);width:100%}& .spc-layout__language-select{justify-content:center;align-items:center;height:40px;display:flex;&,&>*{width:250px}}&>main{border-top:1px solid var(--s-color-border-subtle);flex-direction:column;flex-grow:1;display:flex;&>*{flex:1 1}}@media (max-width:768px){overflow:hidden;& .spc-layout__header-actions{gap:var(--s-spacing-2);flex-direction:column;display:flex}& .language-group{flex-direction:column-reverse;gap:0;width:100%}&.with-language-switcher{& .spc-layout__header-actions{flex-direction:row}& .language-group{width:auto}&>header .grid--container>.grid--item:last-child{flex:0 1 auto}}&>header{padding-inline:var(--s-spacing-2);height:auto;padding:var(--s-spacing-3) var(--s-spacing-2);display:flex;& .grid--container.grid--direction-row{flex-wrap:nowrap}& .grid--container>.grid--item:last-child{flex:1 1}& .global-header img{height:auto}}& .spc-layout__market-label{font-size:var(--s-font-size-mobile-2);white-space:nowrap}& .spc-layout__language-select,& .spc-layout__language-select>*{width:100%}}@media (min-width:1024px){&>footer{z-index:2;position:relative}}}}