@import "//cdn.jsdmirror.com/npm/18s@0.2.24/_.css";@layer{form{gap:16px;display:flex;flex-direction:column}input{border:1px solid #0000000f}*,:before,:after{border-color:#eee;border-style:solid;border-width:0;box-sizing:border-box;text-autospace:normal}html,:host{font-family:t,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:"wght" 400;font-weight:400;line-height:1.75;tab-size:4;text-rendering:optimizelegibility;-moz-tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6,b,strong{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}code,kbd,samp,pre{font-family:c,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{background-image:none;-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}p{& b,& strong{font-weight:600}}@keyframes fadeInR{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeOutR{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(100%)}}button{justify-content:center;background-color:#0000;border:1px solid #444;color:#444;padding:12px 22px}c-t{visibility:hidden}body{align-items:center;display:flex;height:100dvh;justify-content:center;width:100%;flex-direction:column}}body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cfilter id='b' width='160%25' height='160%25' x='-30%25' y='-30%25'%3E%3CfeGaussianBlur stdDeviation='80'/%3E%3C/filter%3E%3Cfilter id='c' width='140%25' height='140%25' x='-20%25' y='-20%25'%3E%3CfeGaussianBlur stdDeviation='24'/%3E%3C/filter%3E%3Cfilter id='e' width='140%25' height='140%25' x='-20%25' y='-20%25'%3E%3CfeGaussianBlur stdDeviation='12'/%3E%3C/filter%3E%3Cfilter id='g' width='140%25' height='140%25' x='-20%25' y='-20%25'%3E%3CfeDropShadow dx='0' dy='24' flood-color='%23000' flood-opacity='.04' stdDeviation='30'/%3E%3C/filter%3E%3Cfilter id='i'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23e8e8ed'/%3E%3Cstop offset='100%25' stop-color='%23f2f2f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0%25' x2='100%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23eaebef' stop-opacity='.9'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0%25' x2='100%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff'/%3E%3Cstop offset='100%25' stop-color='%23e5e5ea' stop-opacity='.7'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0%25' x2='100%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23eaebef' stop-opacity='.9'/%3E%3Cstop offset='100%25' stop-color='%23c7c7cc' stop-opacity='.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='15%25' cy='5%25' fill='%23e5e5ea' opacity='.6' rx='50%25' ry='60%25'/%3E%3Cellipse cx='85%25' cy='15%25' fill='%23d1d1d6' opacity='.5' rx='45%25' ry='55%25'/%3E%3Cellipse cx='30%25' cy='95%25' fill='%23eaebef' opacity='.7' rx='60%25' ry='50%25'/%3E%3Cellipse cx='85%25' cy='90%25' fill='%23d1d1d6' opacity='.6' rx='50%25' ry='55%25'/%3E%3Cellipse cx='50%25' cy='50%25' fill='%23fff' opacity='.9' rx='40%25' ry='45%25'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M-100 500c500-50 700-400 1300-300 400 50 600-250 900-150v1150H-100Z' filter='url(%23c)' opacity='.4'/%3E%3Cpath fill='url(%23d)' d='M-100 750c500-50 700-500 1300-400 400 50 600-200 900-100v950H-100Z' filter='url(%23e)'/%3E%3Cpath fill='url(%23f)' d='M-100 950c350 0 500-500 1100-500 400 0 600 200 1100 150v600H-100Z' filter='url(%23g)'/%3E%3Cpath fill='url(%23h)' d='M1100 1200c200-350 500-450 1000-300v300Z' filter='url(%23g)'/%3E%3Cpath fill='%23fff' d='M-100 1200v-100c200 0 350 20 550 100Z' filter='url(%23g)' opacity='.8'/%3E%3Crect width='100%25' height='100%25' filter='url(%23i)' opacity='.04' style='mix-blend-mode:multiply;pointer-events:none'/%3E%3C/svg%3E") 0 0/cover no-repeat fixed}main.demo{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:fit-content;max-width:960px;margin:auto;padding:24px;display:flex;@media (width<=640px){padding:16px}&.full-width,&:has(>c-webc-demo){width:100%;max-width:100%;padding:0}}