.cssnt-docs-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.cssnt-docs-banner{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:clamp(12px,3vw,30px);width:100%;max-width:100%;height:auto;min-height:clamp(160px,42vw,300px);padding:clamp(24px,5vw,50px) clamp(16px,4vw,40px);display:flex;overflow:hidden}.cssnt-docs-banner__title-row{flex-wrap:wrap;align-items:center;gap:clamp(10px,2.5vw,18px);min-width:0;max-width:100%;display:flex}.cssnt-docs-banner__title .cssnt-title{word-break:break-word;max-width:100%;font-size:clamp(1.75rem,7vw,4.5rem)!important;line-height:1.05!important}.cssnt-docs-banner__icon{flex:none;font-size:clamp(2rem,8vw,4.5rem);line-height:1}.cssnt-docs-banner__icon .cssnt-icon{font-size:inherit!important}.cssnt-docs-banner__desc{min-width:0;max-width:min(900px,100%)}.cssnt-docs-examples{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:18px;width:100%;max-width:100%;padding:clamp(16px,4vw,45px);display:grid}.cssnt-docs-examples__main{gap:18px;min-width:0;max-width:100%;display:grid}.cssnt-docs-examples__aside{align-self:start;min-width:0}.cssnt-docs-preview{box-sizing:border-box;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow:auto;padding:clamp(12px,3vw,30px)!important}.cssnt-docs-examples .cssnt-codebox,.cssnt-docs-examples .cssnt-card,.cssnt-docs-preview{min-width:0;max-width:100%}.cssnt-docs-preview>*{max-width:100%}.cssnt-docs-section__intro{gap:6px;min-width:0;display:grid}.cssnt-docs-section__notes{background:color-mix(in srgb, var(--cssnt-color-surface-variant) 70%, transparent);border:1px solid var(--cssnt-color-outline-variant);border-radius:12px;gap:4px;margin-top:4px;padding:10px 12px;display:grid}.cssnt-docs-section__snippets{gap:12px;min-width:0;display:grid}.cssnt-docs-snippet__toggle{width:100%;min-width:0;max-width:320px}.cssnt-docs-props__notes{gap:4px;margin-bottom:4px;display:grid}.cssnt-docs-props{box-sizing:border-box;gap:12px;width:100%;min-width:0;max-width:100%;padding:0 clamp(16px,4vw,45px) clamp(24px,5vw,45px);display:grid}.cssnt-docs-props__table{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.cssnt-docs-spy{max-width:100%}.cssnt-docs-spy__mobile{display:none}@media (max-width:960px){.cssnt-docs-examples{grid-template-columns:minmax(0,1fr);gap:12px}.cssnt-docs-examples__aside{display:none}.cssnt-docs-spy__mobile{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;padding-bottom:4px;display:block;overflow-x:auto}.cssnt-docs-spy__mobile-row{flex-wrap:nowrap;gap:8px;width:max-content;max-width:none;padding:2px 0;display:flex}.cssnt-docs-spy__chip{all:unset;cursor:pointer;white-space:nowrap;background:color-mix(in srgb, var(--cssnt-color-surface-variant) 88%, transparent);color:var(--cssnt-color-surface-on);border:1px solid var(--cssnt-color-outline-variant);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;line-height:1.2;display:inline-flex}.cssnt-docs-spy__chip.is-active{background:var(--cssnt-color-primary-container);color:var(--cssnt-color-primary-container-on);border-color:#0000;font-weight:700}}@media (max-width:640px){.cssnt-docs-examples .cssnt-card{border-radius:14px!important}}