*,:after,:before{box-sizing:border-box}body,html{scroll-behavior:smooth}.pattern-library a,.pattern-library h1,.pattern-library h2,.pattern-library h3,.pattern-library h4,.pattern-library h5,.pattern-library h6,.pattern-library input,.pattern-library label,.pattern-library p,.pattern-library select,.sb-show-main a,.sb-show-main h1,.sb-show-main h2,.sb-show-main h3,.sb-show-main h4,.sb-show-main h5,.sb-show-main h6,.sb-show-main input,.sb-show-main label,.sb-show-main p,.sb-show-main select{text-box-edge:cap alphabetic;text-box-trim:trim-both}.pattern-library input,.sb-show-main input{text-box-edge:text;text-box-trim:trim-both}ul{padding:0;margin:0}ul li{list-style-type:none}ul.list-inline li{display:inline-block;margin-right:5px}button{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none}a,button{outline:none}a{text-decoration:none}a,button{color:inherit}a,button{cursor:pointer}.modal-open{overflow:hidden}.sb-show-main{background-color:#efefee}.story-container{max-width:1312px;margin:0 auto}@media screen and (min-width:1100px){.story-container{margin:0 auto}}.story-grid{display:grid;grid-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(8,1fr);padding:0 1rem}@media screen and (min-width:768px){.story-grid{grid-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:repeat(12,1fr);padding:0 1.875rem}}@media screen and (min-width:1100px){.story-grid{grid-template-columns:repeat(12,1fr);padding:0 3rem}}.story-card-wrapper{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper{grid-column:span 4}}.sb-show-main.sb-main-padded{padding:0;margin:0}.story-card-wrapper-xl{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-xl{grid-column:span 12}}.story-card-wrapper-l{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-l{grid-column:span 6}}.story-card-wrapper-m{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-m{grid-column:span 4}}.story-card-wrapper-s{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-s{grid-column:span 3}}.storybook-label{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.16px}@supports not (text-box-trim:trim-both){.storybook-label{margin-top:-.5rem;margin-bottom:-.3125rem}}.page{background-color:#fff;padding-bottom:2.25rem}@media screen and (min-width:768px){.page{padding-bottom:4.5rem}}.chip{-webkit-appearance:none;appearance:none;outline:none;position:relative;display:inline-flex;justify-content:center;align-items:center;grid-gap:8px;gap:8px;padding:.75rem;min-height:40px;border-radius:.125rem;border:1px solid rgba(0,0,0,0);transition:.3s cubic-bezier(.5,0,.5,1);transition-property:all;cursor:pointer}.chip svg{flex-shrink:0}.chip__text{margin:0;margin-block:0;color:#333;font-family:GillSansNovaMedium;font-size:1.125rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.chip__text{margin-top:-.5rem;margin-bottom:-.375rem}}.chip__text{padding:0;font-family:GillSansNovaSemiBold;position:relative;display:inline-flex;align-items:flex-end;grid-gap:4px;gap:4px;margin:-.6rem 0 -.375rem;color:currentColor}.chip__text,.chip__text:after{transition:.3s cubic-bezier(.5,0,.5,1);transition-property:all}.chip__text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px dotted #fff;opacity:0}.chip__label{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip__scope{display:inline;font-size:1rem;text-transform:lowercase;white-space:nowrap}.chip--purple{color:#8260a9;background-color:#fff;border-color:#3f2a56}.chip--purple .chip__text:after{border-color:#fff}.chip--purple:hover{color:#fff;background-color:#3f2a56}.chip--red{color:#fff;background-color:#a52426;border-color:#fff}.chip--red .chip__text:after{border-color:#5d1c1c}.chip--red:hover{color:#5d1c1c;background-color:#fff}.chip:hover .chip__text:after{opacity:1}.chip:focus-visible{border-radius:0;box-shadow:0 0 0 4px #ef6b6e;outline:2px solid #222;outline-offset:0;z-index:99}.chip:focus-visible.__SILKY__silktide-active{outline-offset:0!important;outline:2px solid #222!important}.chip:focus-visible{color:#222;background-color:#fff}