.ember-power-select-placeholder,.truncate{white-space:nowrap;text-overflow:ellipsis}.ember-basic-dropdown,.ember-basic-dropdown-content,.ember-basic-dropdown-content *,.ember-power-select-dropdown *{box-sizing:border-box}:root{--amber-10:#FFF1DD;--amber-30:#FCD293;--amber-50:#FCA119;--amber-70:#AD5309;--amber-90:#723216;--blue-10:#E6F8FC;--blue-30:#71D3EC;--blue-50:#04B2E1;--blue-60:#0088B5;--blue-70:#00759C;--blue-90:#003842;--grey-00:#FFFFFF;--grey-10:#F8F9FA;--grey-20:#F2F5F7;--grey-30:#EBF0F3;--grey-40:#C4CCD3;--grey-50:#AAB4BD;--grey-60:#7A848D;--grey-70:#434E58;--grey-80:#2D3741;--grey-90:#182931;--grey-95:#121E24;--grey-100:#000000;--green-10:#E0FFF3;--green-30:#7AF7D1;--green-50:#23E0A8;--green-60:#00AD88;--green-70:#007A60;--green-90:#004735;--red-10:#FFEBEB;--red-30:#FF8487;--red-50:#FF282D;--red-70:#C20105;--red-90:#850003;--wine-10:#FFE4F4;--wine-30:#D6799A;--wine-50:#AF3354;--wine-70:#8B134D;--wine-90:#471438;--background-color--amber:var(--amber-10);--background-color--blue:var(--blue-10);--background-color--grey:var(--grey-30);--background-color--green:var(--green-10);--background-color--red:var(--red-10);--background-color--wine:var(--wine-10);--background-color--primary:var(--grey-00);--background-color--secondary:var(--grey-10);--background-color--tertiary:var(--grey-30);--background-color--hover:var(--grey-20);--background-color--focus:var(--grey-30);--background-color--active:var(--grey-40);--background-color--checkbox:var(--grey-80);--background-color--input:var(--grey-00);--background-color--pre:var(--grey-30);--background-color--submit:var(--blue-70);--background-color--submit--active:var(--blue-60);--background-color--tooltip:var(--grey-95);--background-color--modal-dialog:var(--background-color--primary);--background-color--modal-overlay:rgba(28, 28, 33, 0.8);--background-color--popup:var(--background-color--primary);--background-color--error:var(--background-color--red);--background-color--warning:var(--background-color--amber);--background-color--info:var(--background-color--amber);--background-color--success:var(--background-color--green);--background-color--recommendation:var(--background-color--blue);--border-color--action:var(--blue-70);--border-color--active:var(--blue-70);--border-color--button:var(--blue-70);--border-color--input:var(--grey-40);--border-color--primary:var(--grey-40);--border-color--secondary:var(--grey-30);--border-color--submit:var(--blue-70);--border-color--submit--active:var(--blue-60);--border-color--nav-link--selected:var(--red-50);--color--amber:var(--amber-70);--color--blue:var(--blue-70);--color--grey:var(--grey-70);--color--green:var(--green-70);--color--red:var(--red-90);--color--white:var(--grey-00);--color--wine:var(--wine-70);--color--action:var(--blue-70);--color--active:var(--blue-90);--color--primary:var(--grey-80);--color--disabled:var(--grey-40);--color--fill:var(--grey-00);--color--inverse:var(--grey-00);--color--placeholder:var(--grey-60);--color--secondary:var(--grey-70);--color--submit:var(--grey-00);--color--menu:var(--grey-60);--foreground-color--amber:var(--amber-50);--foreground-color--blue:var(--blue-50);--foreground-color--grey:var(--grey-50);--foreground-color--green:var(--green-60);--foreground-color--red:var(--red-70);--foreground-color--wine:var(--wine-50);--foreground-color--brand:var(--red-50);--foreground-color--error:var(--color--red);--foreground-color--warning:var(--color--amber);--foreground-color--info:var(--foreground-color--amber);--foreground-color--success:var(--foreground-color--green);--foreground-color--recommendation:var(--foreground-color--blue);--signal-sciences--orange:#FA6B0A;--signal-sciences--grey:#182931;--fui-color--aubergine:#471438;--fui-color--bisque:#F7CCBF;--fui-color--black:#000000;--fui-color--blue-light:#CBECF4;--fui-color--blue:#04B2E1;--fui-color--blue-dark:#0080A3;--fui-color--blue-darker:#006681;--fui-color--burgundy:#AF3354;--fui-color--emerald:#23E0A8;--fui-color--fastly-red:#FF282D;--fui-color--graph-yellow:#FEFECA;--fui-color--graph-yellow-dark:#E4D530;--fui-color--grey-1:#A1A1A1;--fui-color--grey-2:#D5D5D5;--fui-color--grey-3:#F7F7F7;--fui-color--green-lightest:#D4EAB8;--fui-color--green-light:#DFF0D7;--fui-color--green-lime:#ACD994;--fui-color--green-mossy:#005B62;--fui-color--green:#77B457;--fui-color--green-dark:#5B9E38;--fui-color--grey-light:#D8D8D8;--fui-color--grey-lighter:#E0DEDF;--fui-color--grey-lightest:#F2F2F2;--fui-color--grey-medium:#BBBBBB;--fui-color--grey:#9B9B9B;--fui-color--grey-dark:#6A6A70;--fui-color--grey-darker:#4A4A4A;--fui-color--grey-darkest:#3E3E3E;--fui-color--orange-lightest:#FDE6CF;--fui-color--orange:#F89839;--fui-color--orange-dark:#F17C09;--fui-color--punch-lightest:#F6CCDA;--fui-color--punch-light:#DF5684;--fui-color--punch-dark:#9E005D;--fui-color--punch-extralight:#FBE8EE;--fui-color--purple-lightest:#EBEAF4;--fui-color--purple-light:#D3D0EC;--fui-color--purple-dark:#2C256B;--fui-color--purple:#3D309A;--fui-color--red-dark:#731919;--fui-color--red-lightest:#FD8A8D;--fui-color--red:#E82C2A;--fui-color--red-darkest:#C22423;--fui-color--sky:#04B2E1;--fui-color--white:#FFFFFF;--fui-color--yellow:#FFF9D5;--fui-color--yellow-dark:#FEDF69;--brand-primary:var(--foreground-color--brand)}[class^=docs-md__h],a.head,h1,h2,h3{padding:0!important}.docs-md ul+p{margin-top:12px!important}p{margin-bottom:12px!important}.docs-pt-px{padding-top:12px!important}.docs-md__h2,.docs-md__h2 a,.docs-md__h3,.docs-md__h3 a,h2,h3{margin-top:24px!important}[class^=docs-md__h],a.head,h1,h2,h3{margin-bottom:24px!important}.docs-p-4{padding:24px!important}.docs-md input:not([type=button]):not([type=checkbox]):not([type=submit]):focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 0 2px var(--background-color--primary),0 0 0 4px var(--border-color--active)}.docs-md input:not([type=button]):not([type=checkbox]):not([type=submit]),select,textarea{box-shadow:0 0 1px 0 transparent,0 0 3px 0 transparent;background-color:var(--background-color--input);border:1px solid var(--border-color--input);border-radius:2px;color:var(--color--primary);cursor:text;font-family:var(--fui-font-family--primary);font-size:var(--fui-font-size--s);line-height:20px;min-height:34px;outline:0;padding:0 8px;transition:all .2s ease}.ember-power-select-trigger,.ember-power-select-trigger--active,.ember-power-select-trigger:focus{border-top:1px solid var(--border-color--primary);border-bottom:1px solid var(--border-color--primary);border-right:1px solid var(--border-color--primary);border-left:1px solid var(--border-color--primary)}.docs-md input[disabled]:not([type=button]):not([type=checkbox]):not([type=submit]),select[disabled],textarea[disabled]{cursor:inherit}@font-face{font-family:Inter;src:url(https://assets.fastly.com/style-guide/assets/fonts/Inter-Regular.ttf) format("truetype"),url(/style-guide/assets/fonts/Inter-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Inter;src:url(https://assets.fastly.com/style-guide/assets/fonts/Inter-SemiBold.ttf) format("truetype"),url(/style-guide/assets/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Inter;src:url(https://assets.fastly.com/style-guide/assets/fonts/Inter-Bold.ttf) format("truetype"),url(/style-guide/assets/fonts/Inter-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Inter;src:url(https://assets.fastly.com/style-guide/assets/fonts/Inter-ExtraBold.ttf) format("truetype"),url(/style-guide/assets/fonts/Inter-ExtraBold.ttf) format("truetype");font-weight:800}.color-palette-title,.palette-item-hex{font-weight:600;vertical-align:baseline}.docs-h1,.docs-md h1,.docs-md__h1,h1{font-size:var(--font-size--40);font-weight:800;letter-spacing:-.4px;line-height:48px}.docs-md__h2,.docs-md__h2 a,h2{font-size:var(--font-size--32);font-weight:800;letter-spacing:-.2px;line-height:40px}.docs-md__h3,.docs-md__h3 a,h3{font-size:var(--font-size--24);font-weight:800;letter-spacing:-.16px}h4{font-size:var(--font-size--20);font-weight:800;letter-spacing:-.08px;line-height:28px}.docs-font-title{font-size:var(--fui-font-size--s);text-decoration:none;white-space:nowrap;font-weight:600;letter-spacing:.03rem}.ember-basic-dropdown{position:relative}.ember-basic-dropdown-content{position:absolute;width:auto;z-index:1000;background-color:var(--background-color--primary)}.ember-basic-dropdown-content--left{left:0}.ember-basic-dropdown-content--right{right:0}.ember-basic-dropdown-overlay{position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:10;top:0;left:0;pointer-events:none}.ember-basic-dropdown-content-wormhole-origin{display:inline}.ember-power-select-trigger{position:relative;border-radius:2.5px;background-color:var(--background-color--primary);line-height:1.75;overflow-x:hidden;text-overflow:ellipsis;min-height:1.75em;user-select:none;-webkit-user-select:none;color:var(--color--primary)}.ember-power-select-trigger:after{content:"";display:table;clear:both}.ember-power-select-trigger--active,.ember-power-select-trigger:focus{box-shadow:none}.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true]{border-top-left-radius:0;border-top-right-radius:0}.ember-power-select-placeholder{color:var(--color--secondary);display:block;overflow-x:hidden}.ember-power-select-status-icon{position:absolute;display:inline-block;width:0;height:0;top:0;bottom:0;margin:auto;border-style:solid;border-width:7px 4px 0;border-color:var(--border-color--primary) transparent transparent;right:5px}.docs-bg-brand,body{height:100%}.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon{transform:rotate(180deg)}.ember-power-select-clear-btn{position:absolute;cursor:pointer;right:25px}.ember-power-select-trigger-multiple-input{font-family:inherit;font-size:inherit;border:none;display:inline-block;line-height:inherit;-webkit-appearance:none;outline:0;padding:0;float:left;background-color:transparent;text-indent:2px}.ember-power-select-trigger-multiple-input:disabled{background-color:var(--background-color--primary)}.ember-power-select-trigger-multiple-input::placeholder{opacity:1;color:var(--color--secondary)}.ember-power-select-trigger-multiple-input::-webkit-input-placeholder{opacity:1;color:var(--color--secondary)}.ember-power-select-trigger-multiple-input::-moz-placeholder{opacity:1;color:var(--color--secondary)}.ember-power-select-trigger-multiple-input::-ms-input-placeholder{opacity:1;color:var(--color--secondary)}.ember-power-select-multiple-options{padding:0;margin:0}.ember-power-select-multiple-option{border:1px solid gray;border-radius:2.5px;color:var(--color--grey);background-color:#e4e4e4;padding:0 4px;display:inline-block;line-height:1.45;float:left;margin:2px 0 2px 3px}.ember-power-select-multiple-remove-btn{cursor:pointer}.ember-power-select-multiple-remove-btn:not(:hover){opacity:.5}.ember-power-select-search{padding:4px}.ember-power-select-search-input{border:1px solid var(--border-color--primary);border-radius:0;width:100%;font-size:inherit;line-height:inherit;padding:0 5px}.docs-md__code,[class^=docs-text],body{font-size:var(--fui-font-size--s)}.ember-power-select-search-input:focus{border:1px solid var(--border-color--primary);box-shadow:none}.ember-power-select-dropdown{border-left:1px solid var(--border-color--primary);border-right:1px solid var(--border-color--primary);line-height:1.75;border-radius:2.5px;box-shadow:none;overflow:hidden;color:var(--color--primary)}.ember-power-select-dropdown.ember-basic-dropdown-content--above{border-top:1px solid var(--border-color--primary);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.ember-power-select-dropdown.ember-basic-dropdown-content--below,.ember-power-select-dropdown.ember-basic-dropdown-content--in-place{border-top:none;border-bottom:1px solid var(--border-color--primary);border-top-left-radius:0;border-top-right-radius:0}.ember-power-select-dropdown.ember-basic-dropdown-content--in-place{width:100%}.ember-power-select-options{list-style:none;margin:0;padding:0;user-select:none;-webkit-user-select:none}.ember-power-select-options[role=listbox]{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:12.25em}.ember-power-select-option{cursor:pointer;padding:0 8px}.ember-power-select-group[aria-disabled=true]{color:var(--color--disabled);cursor:not-allowed}.ember-power-select-group[aria-disabled=true] .ember-power-select-option,.ember-power-select-option[aria-disabled=true]{color:var(--color--disabled);pointer-events:none;cursor:not-allowed}.ember-power-select-option[aria-selected=true]{background-color:var(--background-color--focus)}.ember-power-select-option[aria-current=true]{background-color:var(--background-color--hover);color:var(--color--active)}.docs-bg-white,.ember-power-select-trigger[aria-disabled=true],body>.ember-view,main{background-color:var(--background-color--primary)}.ember-power-select-group-name{cursor:default;font-weight:700}.ember-power-select-trigger{padding:0 16px 0 0}.ember-power-select-placeholder,.ember-power-select-selected-item{margin-left:8px}.ember-power-select-group .ember-power-select-group .ember-power-select-group-name{padding-left:24px}.ember-power-select-group .ember-power-select-group .ember-power-select-option{padding-left:40px}.ember-power-select-group .ember-power-select-option{padding-left:24px}.ember-power-select-group .ember-power-select-group-name{padding-left:8px}.ember-power-select-trigger[dir=rtl]{padding:0 0 0 16px}.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder,.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item{margin-right:8px}.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option,.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input{float:right}.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon{left:5px;right:initial}.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn{left:25px;right:initial}.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name{padding-right:24px}.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option{padding-right:40px}.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option{padding-right:24px}.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name{padding-right:8px}*{border-color:var(--border-color--primary)}body{color:var(--color--primary);font-family:var(--fui-font-family--primary)!important}body>.ember-view{margin-top:0}button{color:var(--color--action);padding:1rem 1.5rem .9rem}button:focus{outline:0}.fui-chrome,.fui-chrome__footer,.fui-chrome__header{grid-template-columns:repeat(2,10px) repeat(8,1fr) repeat(2,10px);width:100%}.fui-chrome__container{width:inherit}@media (min-width:768px){.md\:docs-w-72{width:30rem}}.docs-font-title{font-family:inherit}.docs-max-w-xs{max-width:28rem}[class^=docs-md__h],a.head,h1,h2,h3{color:var(--color--primary)}.docs-md__a,a{color:var(--color--action)}.docs-font-bold,.docs-md__h2 a,.docs-md__h3 a,.docs-mt-8,.docs-text-grey-dark,.docs-text-grey-darker{color:var(--color--secondary)}.docs-text-black,.palette-item-name{color:var(--color--primary)}.docs-max-w-site-container{width:100%}body>.fui-header{margin-left:auto;margin-right:auto;width:100%}.fui-textarea>textarea{box-shadow:none}.button:before,.fui-checkbox label:before,.fui-switch--in-progress:after{box-sizing:initial}.docs-md ol{list-style-type:decimal}.docs-md ul,ul.usage{list-style-type:disc}.docs-bg-grey-lighter,.docs-bg-grey-lightest{background-color:var(--background-color--secondary);border-color:var(--border-color--secondary)}.docs-bg-grey-lighter:hover{background-color:var(--background-color--hover)}.docs-md :not(pre)>code,.docs-md__code{background-color:var(--background-color--pre)}.docs-border{border-style:solid}.docs-border-grey-lighter{border-color:var(--border-color--primary)}.docs-md li,.docs-md ol,.docs-md ul{margin-bottom:unset}.docs-md table:not(.fui-table),table.pika-table{width:unset}.docs-md progress{vertical-align:top}.docs-mt-2{margin-top:1rem}.docs-mt-8{margin-top:3.2rem}.docs-pl-6{padding-left:2.8rem!important}.docs-text-grey-darkest{color:#000;opacity:unset}.docs-text-l,.docs-text-large-2,.docs-text-m{font-size:var(--fui-font-size--m)}.docs-text-sm,.docs-text-xs{font-size:var(--fui-font-size--s)}.docs-text-xxs{font-size:var(--fui-font-size--xs)}input[data-search-box-input]{width:20rem}.outline-none{border:none!important}pre.ember-view{background-color:var(--grey-95);color:var(--grey-10)}.icon-box{display:flex;flex-direction:row;flex-wrap:wrap;padding:var(--fui-dimension--l)}.icon-sample{min-width:200px}.color-area{border-bottom-left-radius:inherit;border-right:1px solid var(--border-color--primary);border-top-left-radius:inherit;min-height:50px;width:200px}.color-grid{display:flex;flex-direction:column;flex-wrap:wrap;font-size:var(--fui-font-size--m);max-height:865px;max-width:825px}.color-grid--example{height:50px;width:140px}.color-grid--item{height:165px;width:165px}.color-palette{flex-wrap:wrap;margin-bottom:1em}.color-palette-title{font-size:var(--fui-font-size--s);padding-bottom:2px;padding-top:10px}.color-palette-description{font-size:var(--fui-font-size--xxs);padding-bottom:5px}.browser-support-matrix th,.palette-item-hex,.palette-item-name{font-size:var(--fui-font-size--xs)}.palette-item{border:1px solid var(--border-color--primary);display:inline-block;margin:0 5px 5px 0;max-width:222px}.palette-item-color{height:90px;width:220px}.palette-item-info{background-color:var(--background-color--primary);border-top:solid 1px var(--border-color--primary);padding:5px}.palette-item-hex{margin-bottom:0}.palette-item-name{margin-top:0}.browser-support-matrix{border-spacing:1em;width:100%}.browser-support-matrix td,.browser-support-matrix th{padding:5px;text-align:center;vertical-align:middle;width:20%}.browser-support-matrix td{font-size:var(--fui-font-size--xxs)}.flex-usage .flex-row>*,.grid-usage .flex-row>*{color:var(--color--fill);padding:10px}.flex-usage .flex-row>:nth-child(1),.grid-usage .flex-row>:nth-child(1){background-color:var(--foreground-color--blue)}.flex-usage .flex-row>:nth-child(2),.grid-usage .flex-row>:nth-child(2){background-color:var(--foreground-color--green)}.flex-usage .flex-row>:nth-child(3),.grid-usage .flex-row>:nth-child(3){background-color:var(--foreground-color--amber)}.flex-usage .flex-row>:nth-child(4),.grid-usage .flex-row>:nth-child(4){background-color:var(--foreground-color--red)}.left-side-menu,.menu-text,.right-side-menu{background-color:var(--background-color--grey)}.flex-col--12em{flex:0 0 12em!important}.flex-col--one-half{flex:0 0 50%!important}.grid-col--12em{flex:0 0 12em!important}.grid-col--one-half{flex:0 0 50%!important}.max-width--10em{width:10em}.truncation-example{border:2px solid var(--border-color--primary);overflow:hidden;padding:5px 10px;resize:horizontal;width:100%}.truncation-example+.truncation-example{margin-top:1em}.typeface-preview-hero{font-size:14rem;line-height:1.05}.typeface-preview-sample{font-size:var(--fui-font-size--s);margin:0}.icon-fill--transparent{fill:transparent}.menu-text{align-items:center;display:flex;flex-direction:row;grid-area:sm;justify-content:space-between;width:100%}.left-side-menu{grid-area:sl}.right-side-menu{grid-area:sr}.main-content{padding-top:20px}.truncate{max-width:75px;overflow:hidden}.modal-dialog__header h2,.modal-dialog__header h3,.modal-dialog__header h4{margin-bottom:0!important;margin-top:0!important}@media (min-width:700px){.truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}