.paper{color:var(--on-background);background-color:color-mix(in oklab,var(--bg-color) var(--bg-opacity),transparent);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&.variant-filled{--bg-opacity:100%;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentColor)}&.variant-outlined{--bg-opacity:20%;--tw-ring-opacity:35%;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) color-mix(in oklab,var(--tw-ring-color) var(--tw-ring-opacity),transparent)}&.color-surface{--on-background:var(--palette-on-surface-variant);--bg-color:var(--palette-surface-container);--tw-ring-color:var(--palette-outline-variant);&.variant-outlined{--bg-color:var(--palette-surface-container-low)}}&.color-container{--on-background:var(--palette-on-surface-variant);--bg-color:var(--palette-surface-container);&.variant-outlined{--on-background:var(--palette-on-surface);--bg-color:var(--palette-surface-container-low);--tw-ring-color:var(--palette-outline-variant)}}&.color-container-low{--on-background:var(--palette-on-surface-variant);--bg-color:var(--palette-surface-container-low);&.variant-outlined{--on-background:var(--palette-on-surface);--bg-color:var(--palette-surface-container-low);--tw-ring-color:var(--palette-outline-variant)}}&.color-primary{--on-background:var(--palette-on-primary-container);--bg-color:var(--palette-primary-container);--tw-ring-color:var(--palette-primary)}&.color-secondary{--on-background:var(--palette-on-secondary-container);--bg-color:var(--palette-secondary-container);--tw-ring-color:var(--palette-secondary)}&.color-error{--on-background:var(--palette-on-error-container);--bg-color:var(--palette-error-container);--tw-ring-color:var(--palette-error)}&.color-info{--on-background:var(--palette-on-info-container);--bg-color:var(--palette-info-container);--tw-ring-color:var(--palette-info)}&.color-success{--on-background:var(--palette-on-success-container);--bg-color:var(--palette-success-container);--tw-ring-color:var(--palette-success)}&.color-warning{--on-background:var(--palette-on-warning-container);--bg-color:var(--palette-warning-container);--tw-ring-color:var(--palette-warning)}&.elevation-0{--tw-shadow:0 0 #00000}&.elevation-1{--tw-shadow:var(--paper-shadow1);&:hover:not(&:focus-within){--tw-shadow:var(--paper-shadow2)}}&.elevation-2{--tw-shadow:var(--paper-shadow2);&:hover:not(&:focus-within){--tw-shadow:var(--paper-shadow3)}}&.elevation-3{--tw-shadow:var(--paper-shadow3);&:hover:not(&:focus-within){--tw-shadow:var(--paper-shadow4)}}&.elevation-4{--tw-shadow:var(--paper-shadow4);&:hover:not(&:focus-within){--tw-shadow:var(--paper-shadow5)}}&.elevation-5{--tw-shadow:var(--paper-shadow5);&:hover:not(&:focus-within){--tw-shadow:var(--paper-shadow6)}}&.variant-soft{--bg-opacity:50%}}:where(.card){position:relative;max-width:calc(var(--spacing) * var(--max-width-step));overflow:hidden}