.callout-wrapper{border:1px solid transparent;border-radius:var(--callout-radius,var(--radius-sm));display:inline-block;font-size:var(--font-size);padding-block:.5rem;padding-inline:.75rem}.callout-wrapper .callout-content{align-items:center;display:flex;gap:.75em}.callout-wrapper .callout-content .iconify{flex-shrink:0;font-size:var(--icon-size)}.callout-wrapper .default-slot{flex-grow:1}.callout-color--accent{background-color:var(--color-white);border-color:var(--color-accent-bg);color:var(--color-accent-text)}.callout-color--accent .iconify{color:var(--color-accent-graphic)}.callout-color--red{background-color:var(--color-white);border-color:var(--color-red-bg);color:var(--color-red-text)}.callout-color--red .iconify{color:var(--color-red-graphic)}.callout-color--orange{background-color:var(--color-white);border-color:var(--color-orange-bg);color:var(--color-orange-text)}.callout-color--orange .iconify{color:var(--color-orange-graphic)}.callout-color--green{background-color:var(--color-white);border-color:var(--color-green-bg);color:var(--color-green-text)}.callout-color--green .iconify{color:var(--color-green-graphic)}.callout-color--blue{background-color:var(--color-white);border-color:var(--color-blue-bg);color:var(--color-blue-text)}.callout-color--blue .iconify{color:var(--color-blue-graphic)}.form-field-wrapper .input-wrapper{position:relative}.form-field-wrapper .input{background-color:var(--color-input-bg)}.form-field-wrapper .input[readonly]{background-color:var(--color-grey-bg);border-color:transparent;caret-color:transparent}.form-field-wrapper .input:has(+.iconify){padding-inline-start:1.75rem}.form-field-wrapper .input+.iconify{color:var(--color-grey-text);left:.5rem;inset-block:0;margin-block:auto;position:absolute;z-index:1}.input-size--sm .input{height:2rem;padding-inline:.5em}.input-size--md .input{height:2.25rem;padding-inline:.5em}.input-size--lg .input{height:2.5rem;padding-inline:.65em}.input-size--xl .input{height:3rem;padding-inline:.75em}.input-variant--krafters label{color:var(--color-grey-text);font-weight:var(--font-weight-bold)}.input-variant--krafters:focus-within label{color:var(--color-text)}.input-variant--krafters .input{border-color:var(--color-grey-text);border-radius:var(--radius-sm);border-width:1.5px;box-shadow:0 1.5px 0 0 var(--color-grey-text)}.input-variant--krafters .input:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:transparent}.checkbox-wrapper{align-items:center;display:flex;gap:.25rem;transition-duration:var(--duration-sm);transition-property:opacity}.checkbox-wrapper.disabled{opacity:.35}.checkbox-wrapper label{font-size:var(--font-size-sm);padding-inline-start:.5rem}.checkbox-wrapper input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm);height:1.25rem;margin:0;position:relative;width:1.25rem}.checkbox-wrapper input[type=checkbox]:before{background-color:var(--color-card-bg);border:1px solid var(--color-grey-text);border-radius:inherit;content:"";height:100%;position:absolute;width:100%}.checkbox-wrapper input[type=checkbox]:checked:before{border-color:var(--color-accent)}.checkbox-wrapper input[type=checkbox]:focus-visible{outline:1px solid var(--focus-color)}.checkbox-wrapper input[type=checkbox]:focus-visible:before{border-color:var(--focus-color)}.checkbox-wrapper input[type=checkbox]:checked:after{background-color:var(--color-accent);content:"";display:inline-block;height:1rem;inset:0;margin:auto;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.8568 7.39978L20.5033 7.7533L9.90371 18.3539L9.55019 18.7074L3.14297 12.3002L5.2748 10.1683L9.54922 14.4427L18.3715 5.62146L18.725 5.26794L20.8568 7.39978Z" fill="red" stroke="red"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.8568 7.39978L20.5033 7.7533L9.90371 18.3539L9.55019 18.7074L3.14297 12.3002L5.2748 10.1683L9.54922 14.4427L18.3715 5.62146L18.725 5.26794L20.8568 7.39978Z" fill="red" stroke="red"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:1rem}.checkbox-variant--krafters input[type=checkbox]{height:1.5rem;width:1.5rem}.checkbox-variant--krafters input[type=checkbox]:before{border-width:1.5px;box-shadow:1.5px 1.5px 0 0 var(--color-grey-text);transition-duration:var(--duration-sm);transition-property:border-color,outline-color,box-shadow}.checkbox-variant--krafters input[type=checkbox]:focus-visible:before,.checkbox-variant--krafters input[type=checkbox]:focus-visible:checked:before{box-shadow:1.5px 1.5px 0 0 var(--focus-color)}.checkbox-variant--krafters input[type=checkbox]:checked:before{box-shadow:1.5px 1.5px 0 0 var(--color-accent)}.checkbox-variant--krafters input[type=checkbox]:checked:after{height:1.25rem;width:1.25rem}.button,.form,.form-content{--col-width-auto:auto;--col-width-20:calc(20% - var(--column-gap)/5*4);--col-width-25:calc(25% - var(--column-gap)/4*3);--col-width-30:calc(30% - var(--column-gap)/10*7);--col-width-33:calc(33.333% - var(--column-gap)/3*2);--col-width-40:calc(40% - var(--column-gap)/5*3);--col-width-50:calc(50% - var(--column-gap)/2);--col-width-60:calc(60% - var(--column-gap)/5*2);--col-width-67:calc(66.666% - var(--column-gap)/3);--col-width-70:calc(70% - var(--column-gap)/10*3);--col-width-75:calc(75% - var(--column-gap)/4);--col-width-80:calc(80% - var(--column-gap)/5)}.form,.form-content{--focus-color:var(--color-black);--row-gap:1rem;--column-gap:.5rem;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);container-type:inline-size;display:flex;flex-wrap:wrap;row-gap:var(--row-gap)}:is(.form,.form-content)>*{flex-basis:100%;flex-grow:1}@container (min-width: 280px){:is(.form,.form-content)>*{flex-basis:var(--col-width,100%)}}:is(.form,.form-content) .button{--col-width:var(--col-width,auto);flex-grow:0}