.iframe-example-module-scss-module__Tw-pyW__frame{border:var(--size--border-width) solid var(--color--border);border-radius:var(--border-radius--75);min-width:0;overflow:hidden}.iframe-example-module-scss-module__Tw-pyW__toolbar{justify-content:space-between;align-items:center;gap:var(--size--50);padding:var(--size--25) var(--size--50) var(--size--25) var(--size--100);border-bottom:var(--size--border-width) solid var(--color--border);background:var(--color--elevated-surface-alternate);display:flex}.iframe-example-module-scss-module__Tw-pyW__address{text-overflow:ellipsis;white-space:nowrap;color:RGB(from var(--color--base-font) r g b / var(--opacity--subtitle-base-font));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.iframe-example-module-scss-module__Tw-pyW__actions{gap:var(--size--25);display:flex}.iframe-example-module-scss-module__Tw-pyW__stage{background:var(--color--backdrop-surface);justify-content:center;display:flex}.iframe-example-module-scss-module__Tw-pyW__iframe{background:var(--color--backdrop-surface);width:100%;transition:width var(--transition--fast);border:none;display:block}.iframe-example-module-scss-module__Tw-pyW__iframe.iframe-example-module-scss-module__Tw-pyW__mobile{border-inline:var(--size--border-width) solid var(--color--border);width:390px;max-width:100%}.iframe-example-module-scss-module__Tw-pyW__bar{padding:var(--size--25) var(--size--50);border-top:var(--size--border-width) solid var(--color--border);background:var(--color--elevated-surface-alternate);justify-content:flex-end;display:flex}.iframe-example-module-scss-module__Tw-pyW__code{gap:var(--size--50);padding:var(--size--50);background:var(--color--elevated-surface-alternate);flex-direction:column;display:flex}.iframe-example-module-scss-module__Tw-pyW__code pre{max-height:40rem}
.demos-module-scss-module__vPA7mq__row{gap:var(--size--100);flex-wrap:wrap;align-items:stretch;display:flex}.demos-module-scss-module__vPA7mq__grid{gap:var(--size--100);grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));display:grid}.demos-module-scss-module__vPA7mq__caption{color:RGB(from var(--color--base-font) r g b / var(--opacity--subtitle-base-font))}.demos-module-scss-module__vPA7mq__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.demos-module-scss-module__vPA7mq__palette{gap:var(--size--25);flex-direction:column;display:flex}.demos-module-scss-module__vPA7mq__swatches{border-radius:var(--border-radius--50);grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}.demos-module-scss-module__vPA7mq__swatch{min-height:3.5rem;padding:var(--size--35);align-items:flex-end;display:flex;overflow:hidden}.demos-module-scss-module__vPA7mq__tokenCard{gap:var(--size--50);padding:var(--size--100);border:var(--size--border-width) solid var(--color--border);border-radius:var(--border-radius--75);background:var(--color--elevated-surface);flex-direction:column;display:flex}.demos-module-scss-module__vPA7mq__colorDot{border-radius:var(--border-radius--50);border:var(--size--border-width) solid var(--color--border);width:100%;height:3rem}.demos-module-scss-module__vPA7mq__fontRow{gap:var(--size--100);padding-block:var(--size--75);border-bottom:var(--size--border-width) solid var(--color--border);grid-template-columns:minmax(9rem,14rem) minmax(0,1fr);align-items:baseline;display:grid}@media not (min-width:700px){.demos-module-scss-module__vPA7mq__fontRow{gap:var(--size--25);grid-template-columns:minmax(0,1fr)}}.demos-module-scss-module__vPA7mq__sizeRow{gap:var(--size--100);grid-template-columns:9rem 5rem minmax(0,1fr);align-items:center;display:grid}.demos-module-scss-module__vPA7mq__sizeBar{height:var(--size--75);border-radius:var(--border-radius--15);background:var(--color--primary-500)}.demos-module-scss-module__vPA7mq__radiusBox{aspect-ratio:1;background:var(--color--primary-100);border:var(--size--border-width) solid var(--color--primary-500);place-items:center;display:grid}.demos-module-scss-module__vPA7mq__backdrop{background:var(--color--backdrop-surface);border:var(--size--border-width) dashed var(--color--border-strong);border-radius:var(--border-radius--75);padding:var(--size--200);gap:var(--size--150);flex-wrap:wrap;align-items:center;display:flex}.demos-module-scss-module__vPA7mq__surfaceBox{border-radius:var(--border-radius--75);min-height:6rem;padding:var(--size--100);justify-content:center;align-items:center;gap:var(--size--25);text-align:center;flex-direction:column;flex:10rem;display:flex}.demos-module-scss-module__vPA7mq__bordered{border:var(--size--border-width) solid var(--color--border)}.demos-module-scss-module__vPA7mq__playground{padding:var(--size--200);border:var(--size--border-width) solid var(--color--border);border-radius:var(--border-radius--75);background-color:var(--color--elevated-surface);align-items:center}.demos-module-scss-module__vPA7mq__stateBox{border-radius:var(--border-radius--50);min-height:4.5rem;padding:var(--size--75);justify-content:center;gap:var(--size--10);background-color:var(--color--elevated-surface);border:var(--size--border-width) solid var(--color--border);color:var(--color--base-font);flex-direction:column;display:flex}.demos-module-scss-module__vPA7mq__onColor{background-color:var(--color--primary-500);color:var(--color--primary-500-contrast);border-color:#0000}.demos-module-scss-module__vPA7mq__focusRing{box-shadow:0 0 0 var(--size--focus-ring-width) var(--color--primary-500)}.demos-module-scss-module__vPA7mq__focusRingOffset{outline:var(--size--focus-ring-width) solid var(--color--primary-500);outline-offset:var(--size--focus-ring-offset);z-index:1}.demos-module-scss-module__vPA7mq__disabled{background-image:linear-gradient(var(--color--neutral-300), var(--color--neutral-300));opacity:1;transform:none;color:var(--color--neutral-400)!important}.demos-module-scss-module__vPA7mq__disabledOpacity{opacity:.35;pointer-events:none}.demos-module-scss-module__vPA7mq__dragging{box-shadow:var(--shadow--elevation-2);transform:rotate(-2deg)}.demos-module-scss-module__vPA7mq__nestOuter{border-radius:var(--size--150);padding:var(--size--75);background:var(--color--primary-100)}.demos-module-scss-module__vPA7mq__nestInnerGood{border-radius:calc(var(--size--150) - var(--size--75));background:var(--color--primary-500);color:var(--color--primary-500-contrast);min-height:5rem;padding:var(--size--75)}.demos-module-scss-module__vPA7mq__nestInnerBad{border-radius:var(--size--150);background:var(--color--critical-500);color:var(--color--critical-500-contrast);min-height:5rem;padding:var(--size--75)}.demos-module-scss-module__vPA7mq__nestTile{border-radius:var(--border-radius--75);padding:var(--size--100);gap:var(--size--75);flex-direction:column;display:flex}.demos-module-scss-module__vPA7mq__nestInner{border-radius:var(--border-radius--50);padding:var(--size--75)}.demos-module-scss-module__vPA7mq__diagram{gap:var(--size--10);flex-direction:column;display:flex}.demos-module-scss-module__vPA7mq__diagramRow{gap:var(--size--10);display:flex}.demos-module-scss-module__vPA7mq__box{border:var(--size--border-width) solid var(--color--border);border-radius:var(--border-radius--50);padding:var(--size--150) var(--size--200);justify-content:space-between;align-items:center;gap:var(--size--100);flex-wrap:wrap;display:flex}.demos-module-scss-module__vPA7mq__banner{background:var(--color--critical-50)}.demos-module-scss-module__vPA7mq__mainNav{background:var(--color--primary-50)}.demos-module-scss-module__vPA7mq__pageHeader{background:var(--color--success-50)}.demos-module-scss-module__vPA7mq__sideMenu{background:var(--color--neutral-50);flex-direction:column;align-items:flex-start;width:9rem;min-height:9rem}.demos-module-scss-module__vPA7mq__pageContent{background:var(--color--elevated-surface-alternate);flex-direction:column;flex:1;align-items:flex-start}.demos-module-scss-module__vPA7mq__track{border-radius:var(--border-radius--full);background:var(--color--neutral-100);height:2.5rem;position:relative}.demos-module-scss-module__vPA7mq__ball{border-radius:var(--border-radius--full);background:var(--color--primary-500);width:2rem;height:2rem;transition-property:left;transition-timing-function:var(--easing);position:absolute;top:.25rem;left:.25rem}.demos-module-scss-module__vPA7mq__ball.demos-module-scss-module__vPA7mq__moved{left:calc(100% - 2.25rem)}.demos-module-scss-module__vPA7mq__hoverDemo{padding:var(--size--100);border-radius:var(--border-radius--50);border:var(--size--border-width) solid var(--color--border);transition:background-color var(--transition--x-fast),border-color var(--transition--x-fast)}@media (hover:hover){.demos-module-scss-module__vPA7mq__hoverDemo:hover{background-color:var(--color--primary-50);border-color:var(--color--primary-500)}}.demos-module-scss-module__vPA7mq__targetDemo{border-radius:var(--border-radius--25);background:var(--color--primary-500);color:var(--color--primary-500-contrast);padding:.125rem .375rem;display:inline-flex;position:relative}.demos-module-scss-module__vPA7mq__targetDemo:after{content:"";width:max(100%,var(--size--target-min));height:max(100%,var(--size--target-min));outline:1px dashed var(--color--critical-500);border-radius:var(--border-radius--25);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demos-module-scss-module__vPA7mq__stickyDemo{top:calc(0px + var(--bryn-side-menu-view-offset--top,0px) + var(--bryn-menu-bar-view-offset--top,0px) + var(--bryn-main-nav-view-offset--top,0px) + var(--bryn-loading-bar-view-offset--top,0px) + var(--bryn-banner-view-offset--top,0px) + var(--bryn-page-header-view-offset--top,0px) + var(--bryn-small-screen-notice-view-offset--top,0px));transition:top var(--transition--x-fast);position:sticky}