@layer components{.preview-grid .grid{background-color:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.15);padding:.5em 0;position:relative;z-index:0}.preview-grid .grid__col,.preview-grid [class*=grid__col--]{background-clip:content-box;background-color:rgba(0,0,0,.1);line-height:1.5;min-height:1em;position:relative}.previewWrapper{display:flex;flex-flow:column;margin-bottom:2rem}.previewWrapper.isFullscreen{background-color:#fff;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.previewWrapper>.bar{align-items:center;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem;margin-top:1rem!important}.previewWrapper>.bar .btn{margin:0!important}.preview{border-radius:0!important;margin-bottom:0!important;padding:24px}.card.preview,.preview{overflow:visible!important}.previewLive{overflow:visible;transition:all .2s ease-in-out}.previewLiveViewportArea{overflow:visible;width:100%}.previewLiveViewportArea.hasFixedViewport{background:color-mix(in srgb,var(--color-text-default),transparent 96%);overflow-x:auto;overflow-y:visible;padding:1rem 0}.previewLiveViewportArea.hasFixedViewport .previewLiveViewport{background:var(--color-background-primary);border:1px solid color-mix(in srgb,var(--color-border-strong),transparent 25%);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border-strong),transparent 60%),0 12px 28px color-mix(in srgb,var(--color-text-default),transparent 88%)}.previewLiveViewport{margin:0 auto;overflow:visible}.previewLiveViewport.isAuto{width:100%}.previewViewportFrame{background:transparent;border:0;display:block;padding-top:16px;width:100%}.selectWrapper{font-family:inherit;font-size:14px;position:relative}.selectWrapper .select .select__control{align-items:center;cursor:pointer;flex-direction:row;min-width:130px}.selectWrapper .select .select__control,.selectWrapper .select .select__value-container{display:inline-flex;justify-content:flex-end}.selectWrapper .select .select__option,.selectWrapper .select .select__single-value{font-weight:700;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.selectWrapper .select .select__menu{border-radius:0!important;text-align:center}.codeExample{border-radius:0!important;margin-bottom:0;padding:24px}.isFullscreen .codeExample{flex:1 1 auto;margin-bottom:0;padding:0}.wrapper{position:relative}.codeTypeToggle{background-color:var(--color-background-primary);border-bottom:none!important;border-radius:0!important;margin-bottom:0!important}.codeTypeToggle.isActive{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.triangle{display:inline-block;font-size:18px;transition:transform .3s}.triangle.up{transform:rotate(180deg)}.triangle.down{transform:none}}
/*# sourceMappingURL=style.css.map */