.platform-chip__div{position:relative}.platform-chip__button{flex-shrink:0}.platform-chip__icon-battery{flex-shrink:0;width:18px;height:18px}.platform-chip__span{display:none}@media (min-width:1400px){.platform-chip__span{display:inline}}.platform-chip__div-2{z-index:20;border-style:var(--ui-border-style);border-width:1px;border-color:var(--hair);background-color:var(--color-ink-900);width:320px;padding:calc(var(--spacing) * 2);--ui-shadow:var(--shadow-pop);box-shadow:var(--ui-inset-shadow), var(--ui-inset-ring-shadow), var(--ui-ring-offset-shadow), var(--ui-ring-shadow), var(--ui-shadow);border-radius:24px;position:absolute;top:calc(100% + 8px);right:0}.platform-chip__p{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);padding-bottom:var(--spacing);font-size:var(--text-sm);line-height:var(--ui-leading,var(--text-sm--line-height));color:var(--color-bone-dim)}.platform-chip__button-2{height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);width:100%;padding-inline:calc(var(--spacing) * 3);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--ui-gradient-from,--ui-gradient-via,--ui-gradient-to;transition-timing-function:var(--ui-ease,var(--default-transition-timing-function));transition-duration:var(--ui-duration,var(--default-transition-duration));--ui-duration:var(--dur-fast);transition-duration:var(--dur-fast);border-radius:16px;font-size:15px;display:flex}@media (hover:hover){.platform-chip__button-2:hover{background-color:var(--color-ink-800)}}.platform-chip__button-3{background-color:var(--color-ink-800)}.platform-chip__span-2{width:88px;color:var(--color-bone-dim);flex-shrink:0}.platform-chip__span-3{--ui-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.platform-chip__span-4{color:var(--color-stock)}.platform-chip__span-5{color:var(--color-bone)}.platform-chip__span-6{font-size:var(--text-sm);line-height:var(--ui-leading,var(--text-sm--line-height));color:var(--color-bone-faint);flex-shrink:0;margin-left:auto}.platform-chip__div-3{margin-top:var(--spacing);border-top-style:var(--ui-border-style);border-top-width:1px;border-color:var(--hair);padding-top:var(--spacing);display:grid}.platform-chip__link{height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);--ui-font-weight:var(--font-weight-medium);font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-bone);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--ui-gradient-from,--ui-gradient-via,--ui-gradient-to;transition-timing-function:var(--ui-ease,var(--default-transition-timing-function));transition-duration:var(--ui-duration,var(--default-transition-duration));--ui-duration:var(--dur-fast);transition-duration:var(--dur-fast);border-radius:16px;display:flex}@media (hover:hover){.platform-chip__link:hover{background-color:var(--color-ink-800)}}.platform-chip__icon-arrow{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0}.platform-chip__button-4{height:calc(var(--spacing) * 11);padding-inline:calc(var(--spacing) * 3);text-align:left;color:var(--color-bone-dim);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--ui-gradient-from,--ui-gradient-via,--ui-gradient-to;transition-timing-function:var(--ui-ease,var(--default-transition-timing-function));transition-duration:var(--ui-duration,var(--default-transition-duration));--ui-duration:var(--dur-fast);transition-duration:var(--dur-fast);border-radius:16px;align-items:center;font-size:15px;display:flex}@media (hover:hover){.platform-chip__button-4:hover{background-color:var(--color-ink-800)}}
.platform-picker{border-block:1px solid var(--hair)}.platform-picker__row{align-items:center;column-gap:calc(var(--spacing) * 3);row-gap:var(--spacing);padding-block:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex;position:relative}@media (min-width:48rem){.platform-picker__row{column-gap:calc(var(--spacing) * 4);min-height:88px;padding-block:calc(var(--spacing) * 2);flex-wrap:nowrap}}.platform-picker__battery{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);color:var(--color-signal-text);flex-shrink:0}.platform-picker[data-selected=true] .platform-picker__battery{color:var(--color-stock)}.platform-picker[data-selected=true] .platform-picker__trigger{border-color:var(--color-stock)}.platform-picker__label{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-medium);color:var(--color-bone);flex-shrink:0}@media (min-width:48rem){.platform-picker__label{font-size:17px}}.platform-picker__select{flex:1;min-width:0}@media (min-width:48rem){.platform-picker__select{flex:none;position:relative}}.platform-picker__trigger{max-width:100%;padding-right:calc(var(--spacing) * 3.5)!important;font-size:var(--text-base)!important;line-height:var(--text-base--line-height)!important;padding-left:18px!important}.platform-picker__value,.platform-picker__line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-picker__chevron{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);transition:rotate var(--dur-fast) var(--ease-std);flex-shrink:0;rotate:90deg}.platform-picker__trigger[aria-expanded=true] .platform-picker__chevron{rotate:-90deg}.platform-picker__list{inset-inline:0;z-index:30;margin-top:calc(var(--spacing) * 2);border:1px solid var(--hair);background-color:var(--color-ink-900);padding:calc(var(--spacing) * 2);box-shadow:var(--shadow-pop);border-radius:24px;outline:none;flex-direction:column;display:flex;position:absolute;top:100%}@media (min-width:48rem){.platform-picker__list{inset-inline:auto;width:384px;left:0}}.platform-picker__option{height:calc(var(--spacing) * 12);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);padding-inline:calc(var(--spacing) * 3);color:var(--color-bone);font-size:15px;display:flex;position:relative}.platform-picker__option[data-active=true]{background-color:var(--color-ink-800)}@media (min-width:48rem){.platform-picker__option{gap:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * 3.5);font-size:var(--text-base);line-height:var(--text-base--line-height)}}.platform-picker__option[data-empty=true]{margin-top:calc(var(--spacing) * 2);color:var(--color-bone-dim);font-size:15px}.platform-picker__option[data-empty=true]:before{content:"";inset-inline:calc(var(--spacing) * 3);top:calc(var(--spacing) * -1);background-color:var(--hair);height:1px;position:absolute}@media (min-width:48rem){.platform-picker__option[data-empty=true]:before{inset-inline:calc(var(--spacing) * 3.5)}}.platform-picker__brand{width:78px;color:var(--color-bone-dim);flex-shrink:0}@media (min-width:48rem){.platform-picker__brand{width:92px}}.platform-picker__line{font-weight:var(--font-weight-medium)}.platform-picker__count{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);white-space:nowrap;color:var(--color-bone-faint);flex-shrink:0;margin-left:auto;display:inline-flex}.platform-picker__check{width:18px;height:18px;color:var(--color-stock)}.platform-picker__help{width:100%;min-width:0;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-bone-dim)}@media (min-width:48rem){.platform-picker__help{display:none}}@media (min-width:64rem){.platform-picker__help{text-overflow:ellipsis;white-space:nowrap;width:auto;font-size:15px;display:block;overflow:hidden}}.platform-picker[data-selected=true] .platform-picker__help{display:none}@media (min-width:64rem){.platform-picker[data-selected=true] .platform-picker__help{display:block}}.platform-picker__catalog-link{height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);font-size:15px;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-signal-text);transition:color var(--dur-fast) var(--ease-std);flex-shrink:0;display:inline-flex}@media (hover:hover){.platform-picker__catalog-link:hover{color:var(--color-bone)}}@media (min-width:48rem){.platform-picker__catalog-link{margin-left:auto}}.platform-picker__arrow{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}