.settings-bar{--unified-settings-bar-gap: 12px;display:grid;padding-left:1rem;row-gap:var(--unified-settings-bar-gap)}.settings-bar-left-side-container,.settings-bar-right-side-container,.settings-bar__view-options{display:flex;gap:16px}.settings-bar-left-side-container,.settings-bar-right-side-container{flex-direction:column}.settings-bar__view-options{align-items:center;justify-content:center}.settings-bar{--settings-bar-font-size: 1rem;--mod-actionbutton-font-size: var(--settings-bar-font-size);--mod-fieldlabel-font-size: var(--settings-bar-font-size);--mod-switch-font-size: var(--settings-bar-font-size);--mod-picker-font-size: var(--settings-bar-font-size);container:unified-settings-bar / inline-size;margin:0 24px 8px 4px;padding-top:var(--unified-settings-bar-gap);af-view-options{--af-view-options-align-items: center;--af-view-options-buttons-gap: 8px;--af-view-options-flex-direction: row;--af-view-options-gap: var(--unified-settings-bar-gap);--af-view-options-justify-content: flex-start;border-right:var(--unified-border-divider);padding-right:var(--unified-settings-bar-gap);&::part(option-button){padding:0 7px;width:28px}&::part(option-button-label){display:none}}af-sample-text-menu{--sp-combobox-popover-max-block-size: 300px;--af-sample-text-menu-align-items: center;--af-sample-text-menu-flex-direction: row;--af-sample-text-menu-gap: var(--unified-settings-bar-gap);--af-sample-text-picker-button-background-color: var(--spectrum-gray-100);--af-sample-text-picker-button-border-width: 0;--combobox-min-width: 0;--mod-combobox-font-size: var(--settings-bar-font-size);grid-area:sample;margin-right:-6px}af-font-size-slider{--af-font-size-slider-align-items: center;--af-font-size-slider-flex-direction: row;--af-font-size-slider-gap: var(--unified-settings-bar-gap);grid-area:size;&::part(compact-view){display:none}&::part(default-view){display:flex}}af-font-sorter{--af-font-sorter-align-items: center;--af-font-sorter-flex-direction: row;--af-font-sorter-gap: var(--unified-settings-bar-gap);--mod-picker-background-color-default: var(--spectrum-gray-25);grid-area:sort;margin-right:-6px;&::part(compact-view){display:none}&::part(default-view){display:flex}}}@container unified-toolbar-container (min-width: 650px){af-font-sorter{justify-self:end}af-font-size-slider{margin-left:4px}}@container unified-toolbar-container (min-width: 650px) and (max-width: 1400px){.settings-bar{align-items:center;column-gap:var(--unified-settings-bar-gap);grid-template-areas:"view view sort" "sample sample size";grid-template-columns:minmax(30%,1fr) auto auto}.settings-bar-left-side-container,.settings-bar-right-side-container{display:contents}.settings-bar__view-options{justify-content:flex-start;grid-area:view}af-sample-text-menu{border-right:var(--unified-border-divider);padding-right:var(--unified-settings-bar-gap)}}@container unified-toolbar-container (min-width: 1400px){.settings-bar{gap:var(--unified-settings-bar-gap);grid-template-columns:auto 1fr}af-images-toggler{flex-shrink:0}af-images-toggler,af-sample-text-menu{border-right:var(--unified-border-divider);padding-right:var(--unified-settings-bar-gap)}af-font-sorter{border-left:var(--unified-border-divider);display:flex;padding-left:var(--unified-settings-bar-gap);margin-right:0}.settings-bar-left-side-container,.settings-bar-right-side-container{align-items:center;flex-direction:row}.settings-bar-left-side-container{gap:var(--unified-settings-bar-gap)}.settings-bar-right-side-container{display:grid;gap:var(--unified-settings-bar-gap);grid-template-areas:"sample size sort";grid-template-columns:1fr minmax(30%,310px) auto;justify-content:flex-end}:lang(pt){.settings-bar-right-side-container{grid-template-columns:1fr minmax(30%,320px) auto}}}@container unified-toolbar-container (min-width: 1700px){.settings-bar{grid-template-columns:auto auto;justify-content:space-between}.settings-bar-right-side-container{grid-template-columns:minmax(70%,1fr) minmax(35%,310px) auto}af-images-toggler{border-right:none}:lang(ru),:lang(nl),:lang(pt){.settings-bar-right-side-container{grid-template-columns:minmax(65%,1fr) minmax(35%,310px) auto}}:lang(ja){.settings-bar-right-side-container{grid-template-columns:minmax(65%,1fr) minmax(35%,310px) minmax(285px,30%)}}:lang(ko),:lang(zh){.settings-bar-right-side-container{grid-template-columns:minmax(65%,1fr) minmax(35%,310px) minmax(245px,30%)}}}@container unified-toolbar-container (min-width: 2050px){.settings-bar-right-side-container{grid-template-columns:minmax(100%,1fr) minmax(35%,310px) auto}}.unified-browse-page{--unified-border-divider: 2px solid var(--spectrum-gray-200);background-color:var(--spectrum-gray-50);.adobe-fonts__svg-sprites{display:none}svg path[fill="var(--spectrum-gray-400)"]{fill:var(--spectrum-gray-400)}#open-filters-sidebar-container{display:none;sp-icon-chevron-double-left{transform:rotate(180deg)}}&:has([aria-expanded=false]){#open-filters-sidebar-container{align-items:center;border-right:var(--unified-border-divider);display:inline-flex;margin-right:8px;padding-right:8px}}.unified-right-side-container{container:unified-results / inline-size;display:flex;flex-direction:column;padding-bottom:2rem}#unified-toolbar-container{background-color:var(--spectrum-gray-50);border-bottom:var(--unified-border-divider);container:unified-toolbar-container / inline-size;position:sticky;top:0;z-index:1}#unified-toolbar-filters-section{border-bottom:var(--unified-border-divider);display:flex;flex-direction:column;min-height:50px;padding-left:1rem;@media screen and (min-width: 768px){align-items:center;flex-direction:row}#unified-toolbar-filters-section-header{align-items:center;display:flex;flex-direction:row}#family-counts-text{color:var(--spectrum-gray-600);font-size:14px;a{color:var(--spectrum-blue-900);text-decoration:none}}#clear-filters-button-container{align-items:center;border-left:var(--unified-border-divider);display:inline-flex;margin:0 8px;padding-left:8px;&[hidden]{display:none}}#clear-filters-button{font-weight:var(--spectrum-bold-font-weight)}#clear-filters-button,#open-filters-sidebar{flex-shrink:0}}.unified-fonts-list-container{display:flex;flex-direction:column;gap:8px;padding:2rem 1rem;transition:opacity .2s ease;&[is-loading]{opacity:.25;pointer-events:none}[data-analytics-class=unified-family-card]{width:100%}a{border-radius:var(--spectrum-alias-border-radius-large)}af-family-card{--family-card-actions-gap: 0;--family-card-background: var(--spectrum-gray-25);--family-card-samples-background: #fbfbfb;--family-card-footer-flex: 1 0 30%;min-width:295px;width:100%;&[listview]{min-width:100%;max-width:100%}af-display-in-font[slot=sample]{line-height:1.1;max-height:300px;max-width:100%}[slot=family-name]{font-size:16px;font-weight:var(--spectrum-bold-font-weight)}}}#unified-browse-empty-state,#unified-browse-error-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-height:700px;padding:2rem;text-align:center;transition:opacity .2s ease;&[is-loading]{opacity:.25;pointer-events:none}.unified-browse-empty-state__illustration{margin-top:1rem;width:100%}.unified-browse-empty-state__illustration--your-fonts svg{height:auto;width:12rem;path{fill:revert-layer;stroke:revert-layer}}[data-empty-favorite=true] svg{margin-right:2rem}h2{font-size:2rem;margin:0}p{font-size:1.25rem;margin-bottom:1rem}}#unified-browse-pagination{--pagination-min-width: 100%;transition:opacity .2s ease;&[is-loading]{opacity:.25;pointer-events:none}@media (prefers-reduced-motion: reduce){transition:none}}.unified-fonts-list-container,#unified-browse-empty-state,#unified-browse-error-state,#unified-browse-pagination{&[hidden]{display:none}}}@media screen and (min-width: 768px){.unified-browse-page{display:grid;grid-template-areas:"sidebar main";grid-template-columns:auto 1fr;af-dynamic-filter-sidebar{grid-area:sidebar;width:clamp(290px,30vw,380px)}.unified-right-side-container{grid-area:main}.unified-fonts-list-container{display:grid;grid-template-columns:repeat(var(--grid-columns, 1),minmax(0,1fr));justify-items:center;&[listview]{display:flex;flex-direction:column;flex-wrap:nowrap}}#unified-browse-empty-state{justify-content:center;.unified-browse-empty-state__illustration{max-width:500px;width:80%}}}}@container unified-results (min-width: 650px){.unified-fonts-list-container{--grid-columns: 2}}@container unified-results (min-width: 950px){.unified-fonts-list-container{--grid-columns: 3}}@container unified-results (min-width: 1275px){.unified-fonts-list-container{--grid-columns: 4}}@container unified-results (min-width: 1875px){.unified-fonts-list-container{--grid-columns: 6}}:lang(ru){.unified-fonts-list-container{--grid-columns: 1;af-family-card{min-width:375px}}@container unified-results (min-width: 775px){.unified-fonts-list-container{--grid-columns: 2}}@container unified-results (min-width: 1200px){.unified-fonts-list-container{--grid-columns: 3}}@container unified-results (min-width: 1525px){.unified-fonts-list-container{--grid-columns: 4}}@container unified-results (min-width: 2300px){.unified-fonts-list-container{--grid-columns: 6}}}af-dynamic-filter-sidebar{background-color:var(--spectrum-gray-25);border-right:1px solid var(--spectrum-gray-200);container:dynamic-filter-sidebar / inline-size;display:grid;grid-template-areas:"header" "accordion" "filter-footer";grid-template-rows:auto minmax(0,1fr) auto;height:100cqh;min-height:0;position:sticky;top:0;z-index:2;&[data-browse-mode=default]{:where([data-browse-mode]:not([data-browse-mode=default])){display:none}}&[data-browse-mode=zh-Hant]{:where([data-browse-mode]:not([data-browse-mode=zh-Hant])){display:none}}&[data-browse-mode=zh-Hans]{:where([data-browse-mode]:not([data-browse-mode=zh-Hans])){display:none}}&[data-browse-mode=ja]{:where([data-browse-mode]:not([data-browse-mode=ja])){display:none}}&[data-browse-mode=ko]{:where([data-browse-mode]:not([data-browse-mode=ko])){display:none}}#unified-sidebar-header{align-items:center;background-color:var(--spectrum-gray-25);border-bottom:1px solid var(--spectrum-gray-200);display:flex;justify-content:space-between;grid-area:header;min-height:50px;position:sticky;top:0;width:100%;z-index:2;h2{font-size:var(--spectrum-font-size-200);margin:0 .75rem}#close-filters-sidebar{height:24px;margin-right:.75rem;margin-top:-.3rem;width:24px}}#unified-sidebar-accordion-container{flex:1 1 0;grid-area:accordion;mask-image:linear-gradient(to top,transparent,black 50px);min-height:0;overflow-y:auto;scrollbar-width:thin;width:100%;sp-accordion{--mod-accordion-item-header-font-weight: 500;--mod-accordion-item-content-font-size: .75rem;--mod-accordion-component-edge-to-text: 16px;sp-accordion-item[hidden]{display:none}}sp-accordion:first-child{--mod-accordion-divider-color: transparent}sp-accordion:last-child{margin-bottom:1.2rem}}.unified-accordion-picker{--af-multi-select-combobox-menu-max-height: 300px;--spectrum-picker-background-color-default: var(--spectrum-gray-50);--spectrum-picker-border-color-default: var(--spectrum-gray-200);--mod-picker-border-width: 1px;width:100%;sp-menu-item:first-of-type{border-bottom:1px solid var(--spectrum-gray-200);border-bottom-left-radius:0;border-bottom-right-radius:0;&:focus,&:hover{border-radius:var(--spectrum-menu-item-corner-radius)}}}.unified-accordion-button,.unified-classifications-button,.unified-features-button,.unified-properties-button{--mod-actionbutton-font-size: .75rem;--spectrum-actionbutton-background-color-default: var(--spectrum-gray-50);--spectrum-actionbutton-border-color-default: var(--spectrum-gray-200);--spectrum-actionbutton-text-color-default: var(--spectrum-gray-900);&[selected]{border-color:var(--spectrum-gray-900)}}#unified-filter-section-user-fonts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;.unified-accordion-button{flex:1;margin:0}[data-filter-type=your_fonts]{min-width:45%}}:where(#unified-accordion-classifications-section,#unified-accordion-properties-content,.unified-accordion-buttons-section,#unified-accordion-opentype-section,.unified-accordion-buttons-sub-section-group-buttons){--grid-template-columns: repeat(2, 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:.5rem;h4{margin-bottom:8px}}.unified-classifications-button,.unified-features-button{--mod-actionbutton-edge-to-text: 4px;--mod-actionbutton-icon-size: 30px;display:flex;flex-direction:column;gap:0;height:auto;min-height:0}.unified-classifications-button{flex-direction:row;flex-wrap:wrap;min-width:0}.unified-button-icon{margin-bottom:-8px;margin-top:12px}.unified-classifications-button .unified-button-icon{display:flex;flex-basis:100%;height:32px;justify-content:center;width:32px;svg{width:32px;height:32px}}.unified-classifications-button svg:has(use:is([href^="#filter-icon-sprite-japanese-cl-"],[href^="#filter-icon-sprite-ko-cl-"],[href^="#filter-icon-sprite-zh-Hans-cl-"],[href^="#filter-icon-sprite-zh-Hant-cl-"])){transform:scale(.8);transform-origin:center}.unified-features-button .unified-button-icon{height:20px;width:30px}.unified-accordion-properties-content-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.unified-accordion-properties-content-group-buttons{border-radius:var(--spectrum-corner-radius-medium-size-medium);display:flex}.unified-properties-button{--mod-actionbutton-icon-size: 22px;flex:1;min-height:36px;svg:has(use[href^="#filter-icon-sprite-japanese-wt-"]){transform:scale(.75);transform-origin:center}sp-icon:has(use[href="#filter-icon-sprite-japanese-ka-ko"]){width:32px}&:not(:first-child){margin-left:-1px}&:not(:last-child){border-radius:0}&:first-child{border-radius:var(--spectrum-corner-radius-medium-size-medium) 0 0 var(--spectrum-corner-radius-medium-size-medium)}&:last-child{border-radius:0 var(--spectrum-corner-radius-medium-size-medium) var(--spectrum-corner-radius-medium-size-medium) 0}&:only-child{border-radius:var(--spectrum-corner-radius-medium-size-medium)}&:focus-visible{position:relative;z-index:1}}.unified-accordion-buttons-sub-section-group,[full-width-properties]{grid-column:1 / -1;.unified-accordion-properties-content-group-buttons{max-width:100%}.unified-properties-button{min-height:0}}[font_technology_group]{display:flex;justify-content:space-between;gap:.5rem;.unified-properties-button{border-radius:var(--spectrum-corner-radius-medium-size-medium);flex:1}}.unified-accordion-buttons-sub-section-group:first-of-type{h4{margin-top:0}}.unified-accordion-buttons-sub-section-group h4{font-size:.875rem;font-weight:var(--spectrum-regular-font-weight)}#unified-sidebar-footer{align-items:center;background-color:var(--spectrum-gray-25);bottom:0;display:flex;flex-direction:column;gap:.5rem;grid-area:filter-footer;min-height:48px;padding:1rem 0;position:sticky}[data-browse-modes]{display:none}&[data-active-modes~=default] [data-browse-modes~=default],&[data-active-modes~=ja] [data-browse-modes~=ja],&[data-active-modes~=zh-Hans] [data-browse-modes~=zh-Hans],&[data-active-modes~=zh-Hant] [data-browse-modes~=zh-Hant],&[data-active-modes~=ko] [data-browse-modes~=ko]{display:flex}&:has([aria-expanded=false]){display:none}}@container dynamic-filter-sidebar (min-width: 250px){af-dynamic-filter-sidebar{#unified-sidebar-footer{flex-direction:row;justify-content:center}}}@container dynamic-filter-sidebar (min-width: 295px){.unified-accordion-buttons-section,#unified-accordion-opentype-section,.unified-accordion-buttons-sub-section-group-buttons{--grid-template-columns: repeat(3, 1fr)}}@container dynamic-filter-sidebar (min-width: 330px){#unified-accordion-classifications-section{--grid-template-columns: repeat(4, 1fr)}}af-filter-tags-bar{align-items:center;display:flex;flex:1 1 auto;margin:.5rem 0;overflow-x:clip;overflow-y:visible;position:relative;&:has(.filter-tag){height:32px}#trigger-filters-popover-container,#trigger-filters-popover,.filter-tag{flex-shrink:0}#filter-tags-carousel{align-items:center;display:flex;overflow-x:clip;overflow-y:visible}#trigger-filters-popover-container{align-items:center;background:var(--spectrum-gray-50);border-left:1px solid var(--spectrum-gray-200);display:none;height:32px;padding-left:8px;position:absolute;right:4px;z-index:2;&[visible]{display:flex}}#filters-overflow-popover{contain:layout;display:flex;flex-direction:row;flex-wrap:wrap;max-width:300px;padding:.5rem;.filter-tag{flex-shrink:1}}.filter-tag{align-items:center;cursor:default;flex-direction:row-reverse;margin:4px;padding-right:6px;sp-icon-close{--mod-icon-size: 12px;cursor:pointer;margin-left:0;margin-top:5px;pointer-events:auto;position:relative;z-index:1}}}