@wwclib/wwc 1.0.1

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@wwclib/wwc",
+  "version": "1.0.1",
+    "publishConfig": {
+    "access": "public"
+  }
+}

package/wwc.min.css

@@ -0,0 +1 @@
+.wwc{color-scheme:light;--wwc-primary:#14b8a6;--wwc-primary-100:color-mix(in srgb, var(--wwc-primary) 15%, white);--wwc-primary-500:var(--wwc-primary);--wwc-primary-600:color-mix(in srgb, var(--wwc-primary), black 15%);--wwc-primary-800:color-mix(in srgb, var(--wwc-primary), black 40%);--wwc-gray:#6b7280;--wwc-gray-100:color-mix(in srgb, var(--wwc-gray) 10%, white);--wwc-gray-500:var(--wwc-gray);--wwc-gray-800:color-mix(in srgb, var(--wwc-gray), black 40%);--wwc-black:color-mix(in srgb, var(--wwc-gray), black 70%);--wwc-white:#fff;--wwc-success:#059669;--wwc-danger:#dc2626;--wwc-font-family:system-ui, -apple-system, sans-serif;--wwc-font-mono:ui-monospace, monospace;--wwc-line-height:1.6;--wwc-text-xs:.75rem;--wwc-text-sm:.875rem;--wwc-text-base:.9375rem;--wwc-text-lg:1rem;--wwc-text-xl:1.125rem;--wwc-space:1rem;--wwc-radius:.6rem;--wwc-border-width:1px;--wwc-shadow:0 1px 2px 0 #0000000d;--wwc-outline-width:3px;--wwc-transition:.15s ease;--wwc-ring:0 0 0 var(--wwc-outline-width) color-mix(in srgb, var(--wwc-primary-500) 30%, transparent);--wwc-card-bg:color-mix(in srgb, var(--wwc-gray-100) 25%, transparent);--wwc-card-surface:var(--wwc-white);--wwc-card-border-width:2px;--wwc-card-border-color:color-mix(in srgb, var(--wwc-gray-500) 10%, transparent);--wwc-card-text:var(--wwc-gray-800);--wwc-card-heading:var(--wwc-black);--wwc-card-header-size:var(--wwc-text-xl);--wwc-card-header-weight:600;--wwc-card-subheader-size:var(--wwc-text-base);--wwc-card-subheader-weight:600;--wwc-card-body-size:var(--wwc-text-base);--wwc-card-body-weight:400;--wwc-card-footer-size:var(--wwc-text-sm);--wwc-card-footer-weight:500;--wwc-form-label-size:var(--wwc-text-sm);--wwc-form-label-weight:500;--wwc-form-input-size:var(--wwc-text-sm);--wwc-form-input-bg:white;--wwc-form-input-border:color-mix(in srgb, var(--wwc-primary-800) 30%, transparent);--wwc-form-input-text:var(--wwc-black);--wwc-form-input-placeholder:var(--wwc-gray-500);--wwc-form-input-focus:var(--wwc-primary-500);--wwc-button-size:var(--wwc-text-sm);--wwc-button-weight:500;--wwc-button-primary-bg:var(--wwc-primary-500);--wwc-button-primary-bg-hover:var(--wwc-primary-800);--wwc-button-primary-text:white;--wwc-button-primary-ring:0 0 0 var(--wwc-outline-width) color-mix(in srgb, var(--wwc-primary-500) 30%, transparent);--wwc-button-secondary-bg:white;--wwc-button-secondary-bg-hover:var(--wwc-gray-100);--wwc-button-secondary-text:var(--wwc-black);--wwc-button-secondary-border:color-mix(in srgb, var(--wwc-gray-500) 30%, transparent);--wwc-button-secondary-ring:0 0 0 var(--wwc-outline-width) color-mix(in srgb, var(--wwc-gray-500) 20%, transparent);--wwc-link-color:var(--wwc-primary-600);--wwc-link-color-hover:var(--wwc-primary-800);--wwc-link-underline:underline;--wwc-link-underline-offset:2px;--wwc-slider-track-bg:color-mix(in srgb, var(--wwc-gray-500) 20%, transparent);--wwc-slider-track-height:6px;--wwc-slider-thumb-size:calc(var(--wwc-space) * 1.25);--wwc-slider-thumb-bg:var(--wwc-primary-500);--wwc-slider-thumb-ring:var(--wwc-ring);--wwc-checkbox-size:calc(var(--wwc-space) * 1.25);--wwc-checkbox-bg:var(--wwc-form-input-bg);--wwc-checkbox-border:color-mix(in srgb, var(--wwc-primary-800) 30%, transparent);--wwc-checkbox-radius:calc(var(--wwc-radius) / 2);--wwc-checkbox-checked-bg:var(--wwc-primary-500);--wwc-checkbox-checked-border:var(--wwc-primary-500);--wwc-checkbox-ring:var(--wwc-ring);--wwc-checkbox-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--wwc-radio-size:calc(var(--wwc-space) * 1.25);--wwc-radio-bg:var(--wwc-form-input-bg);--wwc-radio-border:color-mix(in srgb, var(--wwc-primary-800) 20%, transparent);--wwc-radio-checked-border:var(--wwc-primary-500);--wwc-radio-checked-dot:var(--wwc-primary-500);--wwc-radio-ring:var(--wwc-ring);--wwc-switch-width:2.25rem;--wwc-switch-height:1.25rem;--wwc-switch-bg:var(--wwc-gray-500);--wwc-switch-checked-bg:var(--wwc-primary-500);--wwc-switch-thumb-bg:var(--wwc-card-surface);--wwc-switch-ring:var(--wwc-ring);--wwc-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");--wwc-icon-tip:url(https://api.iconify.design/lucide/lightbulb.svg);--wwc-icon-info:url(https://api.iconify.design/lucide/info.svg);--wwc-icon-pro:url(https://api.iconify.design/lucide/thumbs-up.svg);--wwc-icon-con:url(https://api.iconify.design/lucide/thumbs-down.svg);--wwc-icon-calendar:url(https://api.iconify.design/lucide/calendar.svg);--wwc-icon-clock:url(https://api.iconify.design/lucide/clock.svg);--wwc-icon-link:url(https://api.iconify.design/lucide/external-link.svg);--wwc-icon-download:url(https://api.iconify.design/lucide/download.svg);--wwc-icon-bookmark:url(https://api.iconify.design/lucide/bookmark.svg);--wwc-icon-quote:url(https://api.iconify.design/lucide/quote.svg);--wwc-icon-message:url(https://api.iconify.design/lucide/message-circle.svg);--wwc-icon-code:url(https://api.iconify.design/lucide/code.svg);--wwc-icon-terminal:url(https://api.iconify.design/lucide/terminal.svg);--wwc-icon-settings:url(https://api.iconify.design/lucide/settings.svg);--wwc-icon-list:url(https://api.iconify.design/lucide/list.svg);--wwc-icon-file:url(https://api.iconify.design/lucide/file-text.svg);--wwc-icon-image:url(https://api.iconify.design/lucide/image.svg);--wwc-icon-check:url(https://api.iconify.design/lucide/check-circle.svg);--wwc-icon-star:url(https://api.iconify.design/lucide/star.svg);--wwc-icon-zap:url(https://api.iconify.design/lucide/zap.svg);--wwc-icon-lock:url(https://api.iconify.design/lucide/lock.svg);--wwc-icon-shield:url(https://api.iconify.design/lucide/shield.svg);--wwc-icon-eye:url(https://api.iconify.design/lucide/eye.svg);--wwc-icon-user:url(https://api.iconify.design/lucide/user.svg);--wwc-icon-users:url(https://api.iconify.design/lucide/users.svg);--wwc-icon-heart:url(https://api.iconify.design/lucide/heart.svg);--wwc-icon-credit-card:url(https://api.iconify.design/lucide/credit-card.svg);--wwc-icon-gift:url(https://api.iconify.design/lucide/gift.svg);--wwc-icon-tag:url(https://api.iconify.design/lucide/tag.svg);--wwc-icon-book:url(https://api.iconify.design/lucide/book-open.svg);--wwc-icon-graduation:url(https://api.iconify.design/lucide/graduation-cap.svg);--wwc-icon-map-pin:url(https://api.iconify.design/lucide/map-pin.svg);--wwc-icon-compass:url(https://api.iconify.design/lucide/compass.svg);--wwc-icon-globe:url(https://api.iconify.design/lucide/globe.svg);--wwc-icon-video:url(https://api.iconify.design/lucide/video.svg);--wwc-icon-mic:url(https://api.iconify.design/lucide/mic.svg);--wwc-icon-camera:url(https://api.iconify.design/lucide/camera.svg);--wwc-icon-size:1.5rem;box-sizing:border-box;margin:var(--wwc-space) 0;padding:var(--wwc-space) calc(var(--wwc-space) * 1.25);border:var(--wwc-card-border-width) solid var(--wwc-card-border-color);border-radius:var(--wwc-radius);font-family:var(--wwc-font-family);font-size:var(--wwc-card-body-size);font-weight:var(--wwc-card-body-weight);font-style:normal;line-height:var(--wwc-line-height);text-align:left;text-transform:none;letter-spacing:normal;word-spacing:normal;white-space:normal;color:var(--wwc-card-text);background:var(--wwc-card-bg);vertical-align:baseline;quotes:none;content:normal;text-decoration:none;list-style:none}:where(.wwc) *,:where(.wwc) :before,:where(.wwc) :after{box-sizing:border-box;font:inherit;color:inherit;text-decoration:inherit;vertical-align:baseline;background:0 0;border:0;margin:0;padding:0}:where(.wwc) .wwc-header{margin-bottom:var(--wwc-space)}:where(.wwc) .wwc-header:has(+.wwc-body){padding-bottom:var(--wwc-space);border-bottom:var(--wwc-card-border-width) solid var(--wwc-card-border-color)}:where(.wwc) .wwc-header .wwc-title{font-size:var(--wwc-card-header-size);font-weight:var(--wwc-card-header-weight);color:var(--wwc-card-heading);margin-bottom:calc(var(--wwc-space) * .125)}:where(.wwc)>.wwc-title{font-size:var(--wwc-text-lg);font-weight:var(--wwc-card-header-weight);color:var(--wwc-card-heading);margin-bottom:calc(var(--wwc-space) * .125)}:where(.wwc) .wwc-header .wwc-subtitle,:where(.wwc)>.wwc-subtitle{font-size:var(--wwc-card-body-size);color:color-mix(in srgb, var(--wwc-gray-800) 70%, transparent);font-weight:400}:where(.wwc) .wwc-body{font-size:var(--wwc-card-body-size)}:where(.wwc) .wwc-body p,:where(.wwc) .wwc-body ul,:where(.wwc) .wwc-body ol{margin:0 0 calc(var(--wwc-space) * .75) 0}:where(.wwc)>p,:where(.wwc)>ul,:where(.wwc)>ol{font-size:var(--wwc-card-body-size);margin:0 0 calc(var(--wwc-space) * .75) 0}:where(.wwc) :last-child{margin-bottom:0}:where(.wwc) ul,:where(.wwc) ol{padding-left:calc(var(--wwc-space) * 1.25)}:where(.wwc) li{margin-bottom:calc(var(--wwc-space) / 4)}:where(.wwc) code{font-family:var(--wwc-font-mono);font-size:var(--wwc-text-base);color:var(--wwc-card-heading);background:var(--wwc-card-border-color);border-radius:calc(var(--wwc-radius) / 2);padding:.1em .3em}:where(.wwc) pre{padding:calc(var(--wwc-space) * .75);background:var(--wwc-card-surface);border:var(--wwc-card-border-width) solid var(--wwc-card-border-color);border-radius:calc(var(--wwc-radius) * .75);margin:0;overflow-x:auto}:where(.wwc) pre code{font-size:var(--wwc-text-base);background:0 0;padding:0;line-height:1.5}:where(.wwc) a{color:var(--wwc-link-color);text-decoration:var(--wwc-link-underline);text-underline-offset:var(--wwc-link-underline-offset);transition:color var(--wwc-transition)}:where(.wwc) a:hover{color:var(--wwc-link-color-hover)}:where(.wwc)[class*=wwc-tip],:where(.wwc)[class*=wwc-info],:where(.wwc)[class*=wwc-calendar],:where(.wwc)[class*=wwc-clock],:where(.wwc)[class*=wwc-link],:where(.wwc)[class*=wwc-download],:where(.wwc)[class*=wwc-bookmark],:where(.wwc)[class*=wwc-quote],:where(.wwc)[class*=wwc-message],:where(.wwc)[class*=wwc-code],:where(.wwc)[class*=wwc-terminal],:where(.wwc)[class*=wwc-settings],:where(.wwc)[class*=wwc-list],:where(.wwc)[class*=wwc-file],:where(.wwc)[class*=wwc-image],:where(.wwc)[class*=wwc-check],:where(.wwc)[class*=wwc-star],:where(.wwc)[class*=wwc-zap],:where(.wwc)[class*=wwc-lock],:where(.wwc)[class*=wwc-shield],:where(.wwc)[class*=wwc-eye],:where(.wwc)[class*=wwc-user],:where(.wwc)[class*=wwc-users],:where(.wwc)[class*=wwc-heart],:where(.wwc)[class*=wwc-credit-card],:where(.wwc)[class*=wwc-gift],:where(.wwc)[class*=wwc-tag],:where(.wwc)[class*=wwc-book],:where(.wwc)[class*=wwc-graduation],:where(.wwc)[class*=wwc-map-pin],:where(.wwc)[class*=wwc-compass],:where(.wwc)[class*=wwc-globe],:where(.wwc)[class*=wwc-video],:where(.wwc)[class*=wwc-mic],:where(.wwc)[class*=wwc-camera]{padding-left:calc(var(--wwc-space) + var(--wwc-icon-size) + var(--wwc-space) * .75);position:relative}:where(.wwc)[class*=wwc-tip]:before,:where(.wwc)[class*=wwc-info]:before,:where(.wwc)[class*=wwc-calendar]:before,:where(.wwc)[class*=wwc-clock]:before,:where(.wwc)[class*=wwc-link]:before,:where(.wwc)[class*=wwc-download]:before,:where(.wwc)[class*=wwc-bookmark]:before,:where(.wwc)[class*=wwc-quote]:before,:where(.wwc)[class*=wwc-message]:before,:where(.wwc)[class*=wwc-code]:before,:where(.wwc)[class*=wwc-terminal]:before,:where(.wwc)[class*=wwc-settings]:before,:where(.wwc)[class*=wwc-list]:before,:where(.wwc)[class*=wwc-file]:before,:where(.wwc)[class*=wwc-image]:before,:where(.wwc)[class*=wwc-check]:before,:where(.wwc)[class*=wwc-star]:before,:where(.wwc)[class*=wwc-zap]:before,:where(.wwc)[class*=wwc-lock]:before,:where(.wwc)[class*=wwc-shield]:before,:where(.wwc)[class*=wwc-eye]:before,:where(.wwc)[class*=wwc-user]:before,:where(.wwc)[class*=wwc-users]:before,:where(.wwc)[class*=wwc-heart]:before,:where(.wwc)[class*=wwc-credit-card]:before,:where(.wwc)[class*=wwc-gift]:before,:where(.wwc)[class*=wwc-tag]:before,:where(.wwc)[class*=wwc-book]:before,:where(.wwc)[class*=wwc-graduation]:before,:where(.wwc)[class*=wwc-map-pin]:before,:where(.wwc)[class*=wwc-compass]:before,:where(.wwc)[class*=wwc-globe]:before,:where(.wwc)[class*=wwc-video]:before,:where(.wwc)[class*=wwc-mic]:before,:where(.wwc)[class*=wwc-camera]:before{content:"";left:var(--wwc-space);top:calc(var(--wwc-space) + .15rem);width:var(--wwc-icon-size);height:var(--wwc-icon-size);-webkit-mask:var(--_icon) no-repeat center / contain;mask:var(--_icon) no-repeat center / contain;background-color:var(--wwc-primary-500);position:absolute}:where(.wwc).wwc-tip:before{--_icon:var(--wwc-icon-tip)}:where(.wwc).wwc-info:before{--_icon:var(--wwc-icon-info)}:where(.wwc).wwc-calendar:before{--_icon:var(--wwc-icon-calendar)}:where(.wwc).wwc-clock:before{--_icon:var(--wwc-icon-clock)}:where(.wwc).wwc-link:before{--_icon:var(--wwc-icon-link)}:where(.wwc).wwc-download:before{--_icon:var(--wwc-icon-download)}:where(.wwc).wwc-bookmark:before{--_icon:var(--wwc-icon-bookmark)}:where(.wwc).wwc-quote:before{--_icon:var(--wwc-icon-quote)}:where(.wwc).wwc-message:before{--_icon:var(--wwc-icon-message)}:where(.wwc).wwc-code:before{--_icon:var(--wwc-icon-code)}:where(.wwc).wwc-terminal:before{--_icon:var(--wwc-icon-terminal)}:where(.wwc).wwc-settings:before{--_icon:var(--wwc-icon-settings)}:where(.wwc).wwc-list:before{--_icon:var(--wwc-icon-list)}:where(.wwc).wwc-file:before{--_icon:var(--wwc-icon-file)}:where(.wwc).wwc-image:before{--_icon:var(--wwc-icon-image)}:where(.wwc).wwc-check:before{--_icon:var(--wwc-icon-check);background-color:var(--wwc-success)}:where(.wwc).wwc-star:before{--_icon:var(--wwc-icon-star)}:where(.wwc).wwc-zap:before{--_icon:var(--wwc-icon-zap)}:where(.wwc).wwc-lock:before{--_icon:var(--wwc-icon-lock)}:where(.wwc).wwc-shield:before{--_icon:var(--wwc-icon-shield)}:where(.wwc).wwc-eye:before{--_icon:var(--wwc-icon-eye)}:where(.wwc).wwc-user:before{--_icon:var(--wwc-icon-user)}:where(.wwc).wwc-users:before{--_icon:var(--wwc-icon-users)}:where(.wwc).wwc-heart:before{--_icon:var(--wwc-icon-heart)}:where(.wwc).wwc-credit-card:before{--_icon:var(--wwc-icon-credit-card)}:where(.wwc).wwc-gift:before{--_icon:var(--wwc-icon-gift)}:where(.wwc).wwc-tag:before{--_icon:var(--wwc-icon-tag)}:where(.wwc).wwc-book:before{--_icon:var(--wwc-icon-book)}:where(.wwc).wwc-graduation:before{--_icon:var(--wwc-icon-graduation)}:where(.wwc).wwc-map-pin:before{--_icon:var(--wwc-icon-map-pin)}:where(.wwc).wwc-compass:before{--_icon:var(--wwc-icon-compass)}:where(.wwc).wwc-globe:before{--_icon:var(--wwc-icon-globe)}:where(.wwc).wwc-video:before{--_icon:var(--wwc-icon-video)}:where(.wwc).wwc-mic:before{--_icon:var(--wwc-icon-mic)}:where(.wwc).wwc-camera:before{--_icon:var(--wwc-icon-camera)}:where(.wwc).wwc-grid,:where(.wwc) .wwc-grid{grid-template-columns:repeat(var(--wwc-grid-cols,2), 1fr);gap:calc(var(--wwc-space) * 1.5);display:grid}:where(.wwc)>.wwc-grid{margin:calc(var(--wwc-space) * .5) 0}:where(.wwc).wwc-grid>.wwc-column,:where(.wwc) .wwc-grid>.wwc-column{padding:0}:where(.wwc).wwc-grid>.wwc-column>.wwc-title,:where(.wwc) .wwc-grid>.wwc-column>.wwc-title{align-items:center;gap:calc(var(--wwc-space) / 2);font-size:var(--wwc-card-subheader-size);font-weight:var(--wwc-card-subheader-weight);color:var(--wwc-card-heading);margin-bottom:calc(var(--wwc-space) / 4);display:flex}:where(.wwc-grid)>.wwc-column[class*=wwc-icon-]>.wwc-title:before{content:"";width:var(--wwc-icon-size);height:var(--wwc-icon-size);-webkit-mask:var(--_icon) no-repeat center / contain;mask:var(--_icon) no-repeat center / contain;background-color:var(--wwc-primary-500);flex-shrink:0}:where(.wwc-grid)>.wwc-column.wwc-icon-pro>.wwc-title:before{--_icon:var(--wwc-icon-pro);background-color:var(--wwc-success)}:where(.wwc-grid)>.wwc-column.wwc-icon-con>.wwc-title:before{--_icon:var(--wwc-icon-con);background-color:var(--wwc-danger)}:where(.wwc-grid)>.wwc-column.wwc-icon-pro>.wwc-title{color:var(--wwc-success)}:where(.wwc-grid)>.wwc-column.wwc-icon-con>.wwc-title{color:var(--wwc-danger)}:where(.wwc).wwc-grid>.wwc-column>p,:where(.wwc) .wwc-grid>.wwc-column>p{font-size:var(--wwc-text-base);color:var(--wwc-gray-800);margin:0}@media (width<=640px){:where(.wwc).wwc-grid,:where(.wwc) .wwc-grid{grid-template-columns:1fr}}:where(.wwc).wwc-table{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}:where(.wwc).wwc-table table{border-collapse:collapse;width:100%;font-size:var(--wwc-form-input-size);margin-top:0}:where(.wwc).wwc-table th,:where(.wwc).wwc-table td{padding:calc(var(--wwc-space) * .75) var(--wwc-space);text-align:left;border-bottom:var(--wwc-card-border-width) solid var(--wwc-card-border-color)}:where(.wwc).wwc-table th{font-size:.75rem;font-weight:var(--wwc-form-label-weight);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--wwc-primary-800) 10%, transparent)}:where(.wwc).wwc-table tbody tr:last-child td{border-bottom:none}:where(.wwc) label{font-size:var(--wwc-form-label-size);font-weight:var(--wwc-form-label-weight);color:var(--wwc-card-heading);margin-bottom:calc(var(--wwc-space) / 4);display:block}:where(.wwc) .wwc-field{margin-bottom:var(--wwc-space)}:where(.wwc) .wwc-field:last-child{margin-bottom:0}:where(.wwc) input:where([type=text],[type=email],[type=password],[type=number],[type=tel],[type=url],[type=search],[type=date],[type=time],[type=datetime-local]),:where(.wwc) textarea,:where(.wwc) select{width:100%;padding:calc(var(--wwc-space) / 2) calc(var(--wwc-space) * .75);font-family:inherit;font-size:var(--wwc-form-input-size);line-height:var(--wwc-line-height);color:var(--wwc-form-input-text);background:var(--wwc-form-input-bg);border:var(--wwc-border-width) solid var(--wwc-form-input-border);border-radius:var(--wwc-radius);box-shadow:var(--wwc-shadow);transition:border-color var(--wwc-transition), box-shadow var(--wwc-transition);display:block}:where(.wwc) input:where([type=text],[type=email],[type=password],[type=number],[type=tel],[type=url],[type=search],[type=date],[type=time],[type=datetime-local]):focus,:where(.wwc) textarea:focus,:where(.wwc) select:focus{border-color:var(--wwc-form-input-focus);box-shadow:var(--wwc-shadow), var(--wwc-ring);outline:none}:where(.wwc) textarea{resize:vertical;min-height:5rem}:where(.wwc) select{cursor:pointer;appearance:none;--_icon:var(--wwc-icon-chevron);background-repeat:no-repeat;background-position:right calc(var(--wwc-space) / 2) center;padding-right:calc(var(--wwc-space) * 1.75)}:where(.wwc) :not(.wwc-switch)>input[type=checkbox]{appearance:none;width:var(--wwc-checkbox-size);height:var(--wwc-checkbox-size);margin:0 calc(var(--wwc-space) / 2) 0 0;background-color:var(--wwc-checkbox-bg);border:var(--wwc-border-width) solid var(--wwc-checkbox-border);border-radius:var(--wwc-checkbox-radius);cursor:pointer}:where(.wwc) :not(.wwc-switch)>input[type=checkbox]:checked{background-color:var(--wwc-checkbox-checked-bg);border-color:var(--wwc-checkbox-checked-border);background-image:var(--wwc-checkbox-icon);background-position:50%;background-repeat:no-repeat;background-size:75%}:where(.wwc) :not(.wwc-switch)>input[type=checkbox]:focus{box-shadow:var(--wwc-checkbox-ring);outline:none}:where(.wwc) input[type=radio]{appearance:none;width:var(--wwc-radio-size);height:var(--wwc-radio-size);margin:0 calc(var(--wwc-space) / 2) 0 0;background-color:var(--wwc-radio-bg);border:var(--wwc-border-width) solid var(--wwc-radio-border);cursor:pointer;border-radius:50%}:where(.wwc) input[type=radio]:checked{background-color:var(--wwc-radio-bg);border-color:var(--wwc-radio-checked-border);box-shadow:inset 0 0 0 4px var(--wwc-radio-checked-dot)}:where(.wwc) input[type=radio]:focus{box-shadow:var(--wwc-radio-ring);outline:none}:where(.wwc) input[type=radio]:checked:focus{box-shadow:inset 0 0 0 4px var(--wwc-radio-checked-dot), var(--wwc-radio-ring)}:where(.wwc) .wwc-checkbox,:where(.wwc) .wwc-radio{margin-bottom:calc(var(--wwc-space) / 2);align-items:center;display:flex}:where(.wwc) .wwc-checkbox:last-child,:where(.wwc) .wwc-radio:last-child{margin-bottom:0}:where(.wwc) .wwc-checkbox label,:where(.wwc) .wwc-radio label{color:var(--wwc-card-text);cursor:pointer;margin-bottom:0;font-weight:400;display:inline}:where(.wwc) input[type=range]{width:100%;height:var(--wwc-slider-track-height);margin:calc(var(--wwc-space) / 2) 0;background:var(--wwc-slider-track-bg);appearance:none;cursor:pointer;border:none;border-radius:9999px;padding:0}:where(.wwc) input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--wwc-slider-thumb-size);height:var(--wwc-slider-thumb-size);background:var(--wwc-slider-thumb-bg);box-shadow:var(--wwc-shadow);cursor:pointer;transition:transform var(--wwc-transition);border:none;border-radius:9999px}:where(.wwc) input[type=range]::-moz-range-thumb{width:var(--wwc-slider-thumb-size);height:var(--wwc-slider-thumb-size);background:var(--wwc-slider-thumb-bg);box-shadow:var(--wwc-shadow);cursor:pointer;transition:transform var(--wwc-transition);border:none;border-radius:9999px}:where(.wwc) input[type=range]:hover::-webkit-slider-thumb,:where(.wwc) input[type=range]:focus::-webkit-slider-thumb{transform:scale(1.15)}:where(.wwc) input[type=range]:hover::-moz-range-thumb,:where(.wwc) input[type=range]:focus::-moz-range-thumb{transform:scale(1.15)}:where(.wwc) input[type=range]:focus{outline:none}:where(.wwc) input[type=range]:focus::-webkit-slider-thumb{box-shadow:var(--wwc-shadow), var(--wwc-slider-thumb-ring)}:where(.wwc) input[type=range]:focus::-moz-range-thumb{box-shadow:var(--wwc-shadow), var(--wwc-slider-thumb-ring)}:where(.wwc) label:has(+input[type=range]){justify-content:space-between;align-items:baseline;display:flex}:where(.wwc) label output{font-size:var(--wwc-text-lg);color:var(--wwc-primary-600);font-weight:600}:where(.wwc) .wwc-switch{align-items:center;gap:calc(var(--wwc-space) / 2);margin-bottom:calc(var(--wwc-space) / 2);display:flex}:where(.wwc) .wwc-switch:last-child{margin-bottom:0}:where(.wwc) .wwc-switch input[type=checkbox]{width:var(--wwc-switch-width);height:var(--wwc-switch-height);appearance:none;background:var(--wwc-switch-bg);cursor:pointer;transition:background-color var(--wwc-transition);border-radius:9999px;margin:0;position:relative}:where(.wwc) .wwc-switch input[type=checkbox]:before{content:"";width:calc(var(--wwc-switch-height) - 4px);height:calc(var(--wwc-switch-height) - 4px);background:var(--wwc-switch-thumb-bg);box-shadow:var(--wwc-shadow);transition:transform var(--wwc-transition);border-radius:9999px;position:absolute;top:2px;left:2px}:where(.wwc) .wwc-switch input[type=checkbox]:checked{background:var(--wwc-switch-checked-bg)}:where(.wwc) .wwc-switch input[type=checkbox]:checked:before{transform:translateX(calc(var(--wwc-switch-width) - var(--wwc-switch-height)))}:where(.wwc) .wwc-switch input[type=checkbox]:focus{box-shadow:var(--wwc-switch-ring);outline:none}:where(.wwc) .wwc-switch label{color:var(--wwc-card-text);cursor:pointer;margin-bottom:0;font-weight:400;display:inline}:where(.wwc) input:disabled,:where(.wwc) textarea:disabled,:where(.wwc) select:disabled{opacity:.5;cursor:not-allowed}:where(.wwc) ::placeholder{color:var(--wwc-form-input-placeholder)}:where(.wwc) .wwc-field .wwc-help{margin-top:calc(var(--wwc-space) / 4)}:where(.wwc) button,:where(.wwc) input:where([type=submit],[type=reset],[type=button]){justify-content:center;align-items:center;gap:calc(var(--wwc-space) / 2);padding:calc(var(--wwc-space) / 2) var(--wwc-space);font-family:inherit;font-size:var(--wwc-button-size);font-weight:var(--wwc-button-weight);line-height:var(--wwc-line-height);color:var(--wwc-button-primary-text);background:var(--wwc-button-primary-bg);border:var(--wwc-border-width) solid transparent;border-radius:var(--wwc-radius);box-shadow:var(--wwc-shadow);cursor:pointer;transition:background-color var(--wwc-transition), box-shadow var(--wwc-transition);text-decoration:none;display:inline-flex}:where(.wwc) button:hover,:where(.wwc) input:where([type=submit],[type=reset],[type=button]):hover{background:var(--wwc-button-primary-bg-hover)}:where(.wwc) button:focus,:where(.wwc) input:where([type=submit],[type=reset],[type=button]):focus{box-shadow:var(--wwc-shadow), var(--wwc-button-primary-ring);outline:none}:where(.wwc) button:disabled,:where(.wwc) input:where([type=submit],[type=reset],[type=button]):disabled{opacity:.5;cursor:not-allowed}:where(.wwc) button.wwc-secondary{color:var(--wwc-button-secondary-text);background:var(--wwc-button-secondary-bg);border-color:var(--wwc-button-secondary-border)}:where(.wwc) button.wwc-secondary:hover{background:var(--wwc-button-secondary-bg-hover)}:where(.wwc) button.wwc-secondary:focus{box-shadow:var(--wwc-shadow), var(--wwc-button-secondary-ring)}:where(.wwc) button+button{margin-left:calc(var(--wwc-space) / 2)}:where(.wwc) .wwc-footer{font-size:var(--wwc-card-footer-size);font-weight:var(--wwc-card-footer-weight);margin-top:var(--wwc-space);padding-top:var(--wwc-space);border-top:var(--wwc-card-border-width) solid var(--wwc-card-border-color)}@media (prefers-reduced-motion:reduce){:where(.wwc),:where(.wwc) *,:where(.wwc) :before,:where(.wwc) :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(.wwc) :focus-visible{box-shadow:var(--wwc-ring);outline:none}:where(.wwc) .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}