.specimen-shell{position:relative}[data-appearance=minimal] .specimen-panel{box-shadow:none!important}[data-appearance=minimal] .specimen-header{border-bottom-color:color-mix(in srgb, var(--specimen-border) 55%, transparent)}[data-appearance=minimal] .specimen-button{letter-spacing:-.01em}[data-appearance=bold] .specimen-header{border-bottom-width:2px}[data-appearance=bold] .specimen-header>span{letter-spacing:.08em;font-weight:800}[data-appearance=bold] .specimen-panel{border-width:2px}[data-appearance=bold] .specimen-button{text-transform:uppercase;letter-spacing:.06em;min-height:1.65rem}[data-appearance=bold] .specimen-input>span:last-child{border-width:2px}[data-appearance=warm] .specimen-header{border-bottom-color:color-mix(in srgb, var(--specimen-border) 65%, transparent)}[data-appearance=warm] .specimen-panel{border-color:color-mix(in srgb, var(--specimen-border) 70%, transparent)}[data-appearance=warm] .specimen-button{padding-inline:.9rem}[data-appearance=warm] .specimen-input>span:last-child{border-color:color-mix(in srgb, var(--specimen-border) 70%, transparent)}[data-appearance=technical] .specimen-shell{background-image:linear-gradient(to right, color-mix(in srgb, var(--specimen-border) 22%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--specimen-border) 22%, transparent) 1px, transparent 1px);background-size:16px 16px}[data-appearance=technical] .specimen-header{border-bottom-style:dashed}[data-appearance=technical] .specimen-header>span,[data-appearance=technical] .specimen-nav,[data-appearance=technical] .specimen-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}[data-appearance=technical] .specimen-panel{box-shadow:none!important}[data-appearance=technical] .specimen-button{text-transform:uppercase;letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}[data-appearance=playful] .specimen-content{transform-origin:50%;transform:rotate(-.35deg)}[data-appearance=playful] .specimen-panel{transform:rotate(.55deg)}[data-appearance=playful] .specimen-panel:nth-child(2n){transform:rotate(-.55deg)}[data-appearance=playful] .specimen-button{transform:rotate(-1deg)}[data-appearance=playful] .specimen-header:after{content:"";background:var(--specimen-accent);border-radius:999px;width:.45rem;height:.45rem;margin-left:.35rem}[data-appearance=editorial] .specimen-header{border-bottom-color:var(--specimen-fg)}[data-appearance=editorial] .specimen-header>span{letter-spacing:.22em}[data-appearance=editorial] .specimen-panel{border-width:0 0 1px;border-radius:0;padding-inline:0;box-shadow:none!important;background:0 0!important}[data-appearance=editorial] .specimen-button{height:auto;color:var(--specimen-fg);border-bottom:1px solid var(--specimen-accent);background:0 0;border-radius:0;padding:0 0 .15rem}[data-appearance=editorial] .specimen-input>span:last-child{background:0 0;border-width:0 0 1px;border-radius:0}