.ds-button{cursor:pointer;border-radius:var(--radius-full);font-family:inherit;font-size:var(--text-16);font-weight:var(--font-weight-semibold);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:opacity .15s;display:inline-flex}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-button:focus-visible{outline:2px solid var(--pink-p3);outline-offset:2px}.ds-button--medium{height:var(--space-40);padding-left:var(--space-16);padding-right:var(--space-16)}.ds-button--large{height:var(--space-56);padding-left:var(--space-28);padding-right:var(--space-28)}.ds-button--main{background-color:var(--pink-p3);color:var(--type-main-always);transition:background-color .15s}.ds-button--main:hover:not(:disabled){background-color:var(--pink-p3--hover)}.ds-button--secondary{color:var(--type-main);border:2px solid var(--border-btn-secondary);background-color:#0000;transition:border-color .15s}.ds-button--secondary:hover:not(:disabled){border-color:var(--border-btn-secondary--hover)}.ds-button--mono{background-color:var(--bg-main-invert);color:var(--type-main-invert)}.ds-button--mono-always{background-color:var(--bg-main-invert-always);color:var(--type-main-invert-always)}.ds-button--full-width{width:100%}
.ds-toggle{font:inherit;cursor:pointer;width:var(--space-48);height:var(--space-28);border-radius:var(--radius-full);background-color:var(--bg-toggle);border:none;margin:0;padding:0;transition:background-color .12s ease-out;position:relative}.ds-toggle--active{background-color:var(--bg-main-invert)}.ds-toggle:hover:not(.ds-toggle--active):not(.ds-toggle--disabled){background-color:var(--bg-toggle--hover);transition:none}.ds-toggle--disabled{opacity:.5;cursor:not-allowed}.ds-toggle:focus-visible{outline:2px solid var(--pink-p3);outline-offset:2px}.ds-toggle-knob{top:var(--space-4);left:var(--space-4);border-radius:var(--radius-full);background-color:var(--bg-main);width:20px;height:20px;transition:left .12s ease-out;position:absolute}.ds-toggle--active .ds-toggle-knob{left:calc(var(--space-48) - 20px - var(--space-4))}.ds-toggle--micro{width:var(--space-32);height:var(--space-20)}.ds-toggle--micro .ds-toggle-knob{width:12px;height:12px}.ds-toggle--micro.ds-toggle--active .ds-toggle-knob{left:calc(var(--space-32) - 12px - var(--space-4))}.ds-toggle--dark{background-color:var(--bg-toggle-invert-always)}.ds-toggle--dark.ds-toggle--active{background-color:var(--bg-main)}.ds-toggle--dark .ds-toggle-knob{background-color:var(--bg-main-invert)}
.ds-theme-toggle{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);color:var(--type-secondary);font-size:var(--text-14);display:flex}.ds-theme-toggle svg{flex-shrink:0}.ds-theme-toggle-label{color:var(--type-secondary);flex:1}
.ds-segmented-control{background-color:var(--bg-secondary);border-radius:var(--radius-full);padding:var(--space-4);align-items:center;display:inline-flex;position:relative}.ds-segmented-control--default{height:var(--space-40)}.ds-segmented-control--small{height:var(--space-36)}.ds-segmented-control-slider{top:var(--space-4);bottom:var(--space-4);background-color:var(--bg-main);border-radius:var(--radius-full);pointer-events:none;transition:left .2s,width .2s;position:absolute}.ds-segmented-control-segment{z-index:1;cursor:pointer;height:100%;font-family:inherit;font-weight:var(--font-weight-semibold);color:var(--type-inactive);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:color .15s;display:flex;position:relative}.ds-segmented-control--default .ds-segmented-control-segment{padding-left:var(--space-16);padding-right:var(--space-16);font-size:var(--text-16)}.ds-segmented-control--small .ds-segmented-control-segment{padding-left:var(--space-12);padding-right:var(--space-12);font-size:var(--text-14)}.ds-segmented-control-segment--active{color:var(--type-main)}.ds-segmented-control-segment:not(.ds-segmented-control-segment--active):hover{color:var(--type-secondary)}.ds-segmented-control-segment:focus-visible{outline:2px solid var(--pink-p3);outline-offset:-2px;border-radius:var(--radius-full)}.ds-segmented-control-segment--has-badge{gap:var(--space-8)}.ds-segmented-control--small .ds-segmented-control-segment--has-badge{padding-right:var(--space-4)}.ds-segmented-control--default .ds-segmented-control-segment--has-badge{padding-right:var(--space-8)}.ds-segmented-control-badge{height:20px;padding:0 var(--space-8);border-radius:var(--radius-full);font-size:var(--text-10);font-weight:var(--font-weight-semibold);letter-spacing:.2px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ds-segmented-control-badge--new{background-color:var(--yellow);color:var(--type-main-always)}.ds-segmented-control-badge--pro{background-color:var(--pink-p3);color:var(--type-main-always)}
.ds-search-input{align-items:center;gap:var(--space-8);background-color:var(--bg-secondary);border-radius:var(--radius-full);border:2px solid #0000;transition:background-color .15s,border-color .15s;display:flex}.ds-search-input--active{border-color:var(--icon-main);background-color:#0000}.ds-search-input--small{height:var(--space-36);padding-left:var(--space-12);padding-right:var(--space-12)}.ds-search-input--medium{height:var(--space-40);padding-left:var(--space-16);padding-right:var(--space-16)}.ds-search-input--large{height:var(--space-56);padding-left:var(--space-20);padding-right:var(--space-20)}.ds-search-input-icon{width:20px;height:20px;color:var(--type-secondary);flex-shrink:0}.ds-search-input--active .ds-search-input-icon{color:var(--icon-main)}.ds-search-input-field{min-width:0;font-family:inherit;font-weight:var(--font-weight-regular);line-height:var(--line-height-1-6);color:var(--type-main);background:0 0;border:none;outline:none;flex:1}.ds-search-input-field:focus,.ds-search-input-field:focus-visible{outline:none}.ds-search-input--small .ds-search-input-field{font-size:var(--text-14)}.ds-search-input--medium .ds-search-input-field,.ds-search-input--large .ds-search-input-field{font-size:var(--text-16)}.ds-search-input-field::placeholder{color:var(--type-tertiary)}.ds-search-input-clear{cursor:pointer;color:var(--icon-main);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.ds-search-input-clear:hover{opacity:.7}.ds-search-input-clear:focus-visible{outline:2px solid var(--pink-p3);outline-offset:2px;border-radius:var(--radius-4)}
.ds-badge-pro{padding:var(--space-4);background-color:var(--pink-p3);border-radius:var(--radius-4);font-size:var(--text-10);font-weight:var(--font-weight-semibold);color:var(--type-main-always);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}
@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaThin/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaThin/font.woff")format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaThinItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaThinItalic/font.woff")format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaExtraLight/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaExtraLight/font.woff")format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaExtraLightItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaExtraLightItalic/font.woff")format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaLight/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaLight/font.woff")format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaLightItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaLightItalic/font.woff")format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaRegular/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaRegular/font.woff")format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaRegularItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaRegularItalic/font.woff")format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaMedium/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaMedium/font.woff")format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaMediumItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaMediumItalic/font.woff")format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaSemiBold/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaSemiBold/font.woff")format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaSemiBoldItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaSemiBoldItalic/font.woff")format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBold/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBold/font.woff")format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBoldItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBoldItalic/font.woff")format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBlack/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBlack/font.woff")format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBlackItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBlackItalic/font.woff")format("woff");font-weight:900;font-style:italic;font-display:swap}:root{--phone-s:359px;--phone:479px;--tablet-s:767px;--tablet:1023px;--desktop-s:1279px;--desktop:1439px;--desktop-l:1919px;--type-main:#000000e6;--type-main-always:#000000e6;--type-main-invert:#fff;--type-main-invert-always:#fff;--type-secondary:#0009;--type-secondary-always:#0009;--type-secondary-invert:#ffffffb3;--type-secondary-invert-always:#fff9;--type-inactive:#0006;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#0000004d;--icon-main:#000000e6;--icon-main-always:#000000e6;--icon-main-invert:#fff;--icon-main-invert-always:#fff;--bg-main:#fff;--bg-main-always:#fff;--bg-main-invert:#1a1a1a;--bg-main-invert-always:#1a1a1a;--bg-secondary:#0002380f;--bg-secondary-always:#0002380f;--bg-secondary-invert:#ffffff1a;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#00023808;--bg--hover:#00023808;--bg-toggle:#00023829;--bg-toggle--hover:#00023833;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#00023805;--bg-overlay:#00023826;--border-btn-secondary:#00023826;--border-btn-secondary--hover:#00023840;--border-solo-main:#0003;--border-solo-secondary:#0002381a;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26;--container:1080px;--container-wide:1200px;--container-article:680px;--container-school-of-icons:560px;--radius-0:0;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-18:18px;--radius-20:20px;--radius-full:999px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-96:96px;--space-128:128px;--space-192:192px;--font-family:"BR Sonoma", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--text-10:10px;--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-28:28px;--text-32:32px;--text-40:40px;--text-48:48px;--text-56:56px;--text-72:72px;--text-96:96px;--font-size-default:var(--text-14);--article-body:var(--text-18);--article-h1:var(--text-56);--article-h2:var(--text-28);--article-h3:var(--text-24);--line-height-1:1;--line-height-1-2:1.2;--line-height-1-4:1.4;--line-height-1-6:1.6;--line-height-single:var(--line-height-1);--line-height-multi:var(--line-height-1-4)}@supports (color:color(display-p3 0 0 0)){:root{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}@media (prefers-color-scheme:dark){:root:not(.light-mode){--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){:root:not(.light-mode){--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}}:root.dark-mode{--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){:root.dark-mode{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}.dark-scope{--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){.dark-scope{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}:root{--page-padding-x:var(--space-20)}@media (min-width:480px){:root{--page-padding-x:var(--space-40)}}@media (min-width:768px){:root{--page-padding-x:var(--space-56)}}@media (min-width:1280px){:root{--page-padding-x:0}}body{font-family:var(--font-family);font-feature-settings:"ss01" 1;background-color:var(--bg-main);color:var(--type-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-grid-item-icon{aspect-ratio:1;background-color:var(--bg-main);cursor:pointer;width:100%;color:inherit;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.ds-grid-item-icon:hover,.ds-grid-item-icon--preview{z-index:1;outline:1px solid var(--type-main);outline-offset:-1px}.ds-grid-item-icon--selected{z-index:2;background-color:var(--pink-p3);outline:none}.ds-grid-item-icon--selected:hover,.ds-grid-item-icon--selected.ds-grid-item-icon--preview{outline:none}.ds-grid-item-icon--selected .ds-grid-item-icon-svg,.ds-grid-item-icon--selected .ds-grid-item-icon-img{filter:brightness(0)}.ds-grid-item-icon--selected .ds-grid-item-icon-pro-label{color:var(--type-main)}.ds-grid-item-icon:focus-visible{outline:2px solid var(--pink-p3);outline-offset:2px}.ds-grid-item-icon-svg{width:var(--grid-item-icon-size,var(--space-40));height:var(--grid-item-icon-size,var(--space-40));color:var(--icon-main);justify-content:center;align-items:center;display:flex}.ds-grid-item-icon-svg svg{width:100%;height:100%}.ds-grid-item-icon-img{width:var(--grid-item-icon-size,var(--space-40));height:var(--grid-item-icon-size,var(--space-40));object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.ds-grid-item-icon-img--dark{display:block}.ds-grid-item-icon-img--light,.dark-mode .ds-grid-item-icon-img--dark{display:none}.dark-mode .ds-grid-item-icon-img--light{display:block}.ds-grid-item-icon-pro-label{top:var(--space-8);right:var(--space-8);font-family:var(--font-family);font-size:var(--text-10);font-weight:var(--font-weight-bold);color:var(--pink-p3);line-height:1;position:absolute}.ds-grid-item-icon-tooltip{padding:var(--space-8) var(--space-12);background-color:var(--bg-main-invert);border-radius:var(--radius-8);font-family:var(--font-family);font-size:var(--text-12);font-weight:var(--font-weight-semibold);color:var(--type-main-invert);text-align:center;white-space:nowrap;pointer-events:none;z-index:1000;line-height:1.6;position:fixed;top:0;left:0}.ds-grid-item-icon-tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--bg-main-invert);position:absolute;top:100%;left:50%;transform:translate(-50%)}
@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaThin/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaThin/font.woff")format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaThinItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaThinItalic/font.woff")format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaExtraLight/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaExtraLight/font.woff")format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaExtraLightItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaExtraLightItalic/font.woff")format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaLight/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaLight/font.woff")format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaLightItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaLightItalic/font.woff")format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaRegular/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaRegular/font.woff")format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaRegularItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaRegularItalic/font.woff")format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaMedium/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaMedium/font.woff")format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaMediumItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaMediumItalic/font.woff")format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaSemiBold/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaSemiBold/font.woff")format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaSemiBoldItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaSemiBoldItalic/font.woff")format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBold/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBold/font.woff")format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBoldItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBoldItalic/font.woff")format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBlack/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBlack/font.woff")format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:BR Sonoma;src:url("/fonts/BR Sonoma/BRSonomaBlackItalic/font.woff2")format("woff2"),url("/fonts/BR Sonoma/BRSonomaBlackItalic/font.woff")format("woff");font-weight:900;font-style:italic;font-display:swap}:root{--phone-s:359px;--phone:479px;--tablet-s:767px;--tablet:1023px;--desktop-s:1279px;--desktop:1439px;--desktop-l:1919px;--type-main:#000000e6;--type-main-always:#000000e6;--type-main-invert:#fff;--type-main-invert-always:#fff;--type-secondary:#0009;--type-secondary-always:#0009;--type-secondary-invert:#ffffffb3;--type-secondary-invert-always:#fff9;--type-inactive:#0006;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#0000004d;--icon-main:#000000e6;--icon-main-always:#000000e6;--icon-main-invert:#fff;--icon-main-invert-always:#fff;--bg-main:#fff;--bg-main-always:#fff;--bg-main-invert:#1a1a1a;--bg-main-invert-always:#1a1a1a;--bg-secondary:#0002380f;--bg-secondary-always:#0002380f;--bg-secondary-invert:#ffffff1a;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#00023808;--bg--hover:#00023808;--bg-toggle:#00023829;--bg-toggle--hover:#00023833;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#00023805;--bg-overlay:#00023826;--border-btn-secondary:#00023826;--border-btn-secondary--hover:#00023840;--border-solo-main:#0003;--border-solo-secondary:#0002381a;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26;--container:1080px;--container-wide:1200px;--container-article:680px;--container-school-of-icons:560px;--radius-0:0;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-18:18px;--radius-20:20px;--radius-full:999px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-96:96px;--space-128:128px;--space-192:192px;--font-family:"BR Sonoma", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--text-10:10px;--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-28:28px;--text-32:32px;--text-40:40px;--text-48:48px;--text-56:56px;--text-72:72px;--text-96:96px;--font-size-default:var(--text-14);--article-body:var(--text-18);--article-h1:var(--text-56);--article-h2:var(--text-28);--article-h3:var(--text-24);--line-height-1:1;--line-height-1-2:1.2;--line-height-1-4:1.4;--line-height-1-6:1.6;--line-height-single:var(--line-height-1);--line-height-multi:var(--line-height-1-4)}@supports (color:color(display-p3 0 0 0)){:root{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}@media (prefers-color-scheme:dark){:root:not(.light-mode){--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){:root:not(.light-mode){--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}}:root.dark-mode{--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){:root.dark-mode{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}.dark-scope{--type-main:#fff;--type-main-always:#000000e6;--type-main-invert:#000000e6;--type-main-invert-always:#fff;--type-secondary:#ffffffb3;--type-secondary-always:#0009;--type-secondary-invert:#0009;--type-secondary-invert-always:#fff9;--type-inactive:#ffffff80;--type-inactive-always:#0006;--type-inactive-invert-always:#ffffff80;--type-tertiary:#fff6;--icon-main:#fff;--icon-main-always:#000000e6;--icon-main-invert:#000000e6;--icon-main-invert-always:#fff;--bg-main:#121212;--bg-main-always:#fff;--bg-main-invert:#fff;--bg-main-invert-always:#1a1a1a;--bg-secondary:#ffffff1a;--bg-secondary-always:#0002380f;--bg-secondary-invert:#0002380f;--bg-secondary-invert-always:#ffffff1a;--bg-hint:#ffffff0d;--bg--hover:#ffffff0d;--bg-toggle:#ffffff3d;--bg-toggle--hover:#ffffff47;--bg-toggle-invert-always:#ffffff40;--bg-btn--hover:#ffffff05;--bg-overlay:#00000080;--border-btn-secondary:#ffffff26;--border-btn-secondary--hover:#ffffff40;--border-solo-main:#fff3;--border-solo-secondary:#fff3;--border-solo-secondary-invert-always:#ffffff1a;--blue:#298dff;--blue-p3:#308fff;--blue-light-p3:#308fff1c;--pink:#fe9fe3;--pink-p3:#f79aea;--pink-p3--hover:#ff94f3;--pink-light-p3:#ff9fe533;--green:#00d668;--green-p3:#00c57c;--green-light-p3:#00c47c36;--yellow:#feb201;--yellow-p3:#ffb630;--yellow-light-p3:#ffb63040;--red:#ff542e;--red-p3:#ff434f;--red-light-p3:#ff434f26}@supports (color:color(display-p3 0 0 0)){.dark-scope{--blue-p3:color(display-p3 .276316 .548303 1);--blue-light-p3:color(display-p3 .276316 .548303 1/.11);--pink-p3:color(display-p3 .918 .620454 .900888);--pink-p3--hover:color(display-p3 .966336 .589126 .942722);--pink-light-p3:color(display-p3 .97561 .620454 .900888/.2);--green-p3:color(display-p3 .26084 .772358 .49);--green-light-p3:color(display-p3 .26 .772 .49/.21);--yellow-p3:color(display-p3 .98374 .715428 .189845);--yellow-light-p3:color(display-p3 .98374 .715428 .189845/.25);--red-p3:color(display-p3 .95935 .297682 .316);--red-light-p3:color(display-p3 .95935 .297682 .316/.15)}}:root{--page-padding-x:var(--space-20)}@media (min-width:480px){:root{--page-padding-x:var(--space-40)}}@media (min-width:768px){:root{--page-padding-x:var(--space-56)}}@media (min-width:1280px){:root{--page-padding-x:0}}body{font-family:var(--font-family);font-feature-settings:"ss01" 1;background-color:var(--bg-main);color:var(--type-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-grid-item-icon-skeleton{aspect-ratio:1;background-color:var(--bg-secondary);background-image:linear-gradient(90deg, var(--bg-secondary) 0%, var(--bg-main) 50%, var(--bg-secondary) 100%);background-size:200% 100%;width:100%;animation:1.5s ease-in-out infinite ds-skeleton-shimmer}@keyframes ds-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
.ds-tooltip-trigger{display:inline-flex;position:relative}.ds-tooltip{z-index:1000;padding:var(--space-8) var(--space-12);background-color:var(--bg-main-invert);border-radius:var(--radius-8);pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ds-tooltip--top{margin-bottom:var(--space-8);bottom:100%}.ds-tooltip--top .ds-tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--bg-main-invert);width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.ds-tooltip--bottom{margin-top:var(--space-8);top:100%}.ds-tooltip--bottom .ds-tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--bg-main-invert);width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.ds-tooltip-content{font-family:var(--font-family);font-size:var(--text-12);font-weight:var(--font-weight-semibold);color:var(--type-main-invert);text-align:center;line-height:1.6}
.ds-rating{align-items:center;gap:var(--space-4);display:flex}.ds-rating-star{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ds-rating-icon{width:100%;height:100%}.ds-rating-star--filled{color:var(--yellow-p3)}.ds-rating-star--empty{color:var(--type-tertiary)}.ds-rating-star--half{position:relative}.ds-rating-star--half .ds-rating-icon--empty{color:var(--type-tertiary);position:absolute;inset:0}.ds-rating-star--half .ds-rating-icon--half{color:var(--yellow-p3);position:absolute;inset:0}