@charset "UTF-8";.apca-widget{ & .aw-preview{font-family:var(--initial-font);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem;min-height:7.5rem;display:flex;flex-direction:column;justify-content:center;gap:0.5rem;@media(prefers-reduced-motion:no-preference){ transition:background-color .15s ease,color .15s ease;}}  & .aw-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;@media(max-width:30rem){ grid-template-columns:1fr;}} & .aw-control{display:flex;flex-direction:column;gap:0.375rem;& .aw-control__row{ display:flex; align-items:center; gap:0.625rem;}& input[type="color"]{ width:2.75rem; height:2.75rem; border:none; border-radius:50%; box-shadow:0 0 0 0.0938rem var(--canvasText) inset; padding:0.1875rem; cursor:pointer; flex-shrink:0; &::-webkit-color-swatch-wrapper{padding:0;border-radius:inherit;box-shadow:none;border:none;} &::-webkit-color-swatch{padding:0;border-radius:inherit;box-shadow:none;border:none;} &::-moz-color-swatch{border:none;border-radius:inherit;}}& .aw-control__hex{ font-family:var(--font-family-monospace,monospace); transition:border-color .15s ease;}}  & .aw-opacity__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--tiny-gutter);}  & .aw-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;border-radius:var(--radius);@media(max-width:30rem){ grid-template-columns:1fr;}} & .aw-result{background:var(--background-color-secondary, rgb(26,26,26));border:0.0625rem solid var(--box-shadow, rgb(46,46,46));padding:1rem;transition:border-color .15s ease;border-radius:var(--radius);&.is-pass{ border-color:var(--green, rgb(96,240,160));}&.is-fail{ border-color:var(--error-color, rgb(255,90,90));}& .aw-result__algo{ font-family:var(--font-family-monospace,monospace); text-transform:uppercase; margin-bottom:var(--small-gutter);}& .aw-result__value{ font-family:var(--font-family-monospace,monospace); font-size:2rem; font-weight:700; margin-bottom:var(--tiny-gutter); transition:color .15s ease;}&.is-pass .aw-result__value{ color:var(--green, rgb(96,240,160));}&.is-fail .aw-result__value{ color:var(--error-color, rgb(255,90,90));}& .aw-result__verdict{ font-size:0.8125rem;}& .aw-result__threshold{ font-family:var(--font-family-monospace,monospace); margin-top:var(--small-gutter); border-top:0.0625rem solid var(--box-shadow, rgb(46,46,46)); padding-top:0.5rem;}}  & .aw-alpha{background:var(--background-color-secondary, rgb(26,26,26));border:0.0625rem solid var(--box-shadow, rgb(46,46,46));border-radius:var(--radius);padding:var(--small-gutter);font-family:var(--font-family-monospace,monospace);display:flex;justify-content:space-between;align-items:center;gap:1rem;& .aw-alpha__value{ color:var(--green, rgb(200,240,96)); white-space:nowrap;}}  & .aw-footer{font-size:0.75rem;padding-top:1rem;}}