@allakando/allakando-web-ui/dist/css/forms.css

Allakando's web component library

/** @preserve @license @cc_on
 * ----------------------------------------------------------
 * @allakando/allakando-web-ui version 0.0.73
 * Allakando's web component library
 * Copyright (c) 2024 Allakando
 * All Rights Reserved. MIT License
 * https://mit-license.org/
 * ----------------------------------------------------------
 */
input:not([type]),input[type=password],input[type=textarea],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color],textarea,select{font-family:var(--ako-font-family-body, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-body-text-color, #777777);font-weight:400;font-size:1.25rem;line-height:2rem;color:var(--ako-body-text-color, #777777)}@media screen and (max-width: 768px){input:not([type]),input[type=password],input[type=textarea],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color],textarea,select{font-size:1.125rem;line-height:1.75rem}}input:not([type]),input[type=password],input[type=textarea],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color],textarea,select{background-color:#fff;box-sizing:border-box;display:block;width:100%;height:3.125rem;padding-left:1rem;border:1px solid var(--ako-neutral-color-200, #d2d2d2);background:#fff;border-radius:.1875rem;margin:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type]).large-input,input[type=password].large-input,input[type=textarea].large-input,input[type=date].large-input,input[type=datetime-local].large-input,input[type=email].large-input,input[type=month].large-input,input[type=number].large-input,input[type=search].large-input,input[type=tel].large-input,input[type=text].large-input,input[type=time].large-input,input[type=url].large-input,input[type=week].large-input,input[type=color].large-input,textarea.large-input,select.large-input{height:4.375rem}input[type=date]{padding-right:1rem}input[type=color]{padding:.75rem}textarea{min-height:11.25rem;padding-top:1rem}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--ako-body-text-color, #777777);color:var(--ako-body-text-color, #777777);background-color:var(--ako-neutral-color-50, #f6f6f6);opacity:1}input:invalid:not(:placeholder-shown):not([type=search]):not([type=checkbox]):not([type=radio]):not(:focus),input[type=text]:invalid:not(:placeholder-shown){background-color:#ffede5;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDMzLjAwMDAwMCwgLTc2OS4wMDAwMDApIHRyYW5zbGF0ZSgyMDM0LjAwMDAwMCwgNzcwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRjQwIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGNDAiIGQ9Ik0xNC4zNDggMTIuOTI0Yy4xNDkuMTY0LjIyMy4zNTcuMjIzLjU4IDAgLjIyNC0uMDc0LjQxLS4yMjMuNTU5LS4xNDkuMTQ4LS4zMzUuMjIzLS41NTguMjIzLS4yMjMgMC0uNDE2LS4wNzUtLjU4LS4yMjNsLTIuOTI0LTIuOTI1LTIuOTI0IDIuOTI1Yy0uMTY0LjE0OC0uMzUuMjIzLS41NTguMjIzLS4yMDkgMC0uMzk1LS4wNzUtLjU1OC0uMjIzLS4xNjQtLjE1LS4yNDYtLjMzNS0uMjQ2LS41NTkgMC0uMjIzLjA4Mi0uNDE2LjI0Ni0uNThMOS4xNDcgMTAgNi4yNDYgNy4wNzZDNi4wODIgNi45MTIgNiA2LjcxOSA2IDYuNDk2YzAtLjIyNC4wODItLjQxLjI0Ni0uNTU5LjE2My0uMTQ4LjM1LS4yMjMuNTU4LS4yMjMuMjA4IDAgLjM5NC4wNzUuNTU4LjIyM2wyLjkyNCAyLjkyNSAyLjkyNC0yLjkyNWMuMTY0LS4xNDguMzU3LS4yMjMuNTgtLjIyMy4yMjMgMCAuNDEuMDc1LjU1OC4yMjMuMTQ5LjE1LjIyMy4zMzUuMjIzLjU1OSAwIC4yMjMtLjA3NC40MTYtLjIyMy41OEwxMS40MjQgMTBsMi45MjQgMi45MjR6Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");padding-right:2.5rem;background-position:center right .625rem;background-size:1.25rem auto;background-repeat:no-repeat}input[type=text][pattern]:valid:not(:placeholder-shown),input[type=email]:valid:not(:placeholder-shown){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDMzLjAwMDAwMCwgLTY5OS4wMDAwMDApIHRyYW5zbGF0ZSgyMDM0LjAwMDAwMCwgNzAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjOTZDOTMzIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM5NkM5MzMiIGQ9Ik01Ljk4IDkuNDM5Yy0uMTc3LjE3NS0uMjY2LjM4OS0uMjY2LjY0cy4wODkuNDY1LjI2NS42NGwyLjY2NyAyLjU4OWMuMTc3LjE3Ni4zOTYuMjYzLjY1OC4yNjMuMjU0IDAgLjQ3LS4wODcuNjQ3LS4yNjNsNS40ODgtNS4zNDVjLjE4My0uMTc2LjI3NS0uMzg5LjI3NS0uNjM4IDAtLjI1LS4wOTItLjQ2LS4yNzUtLjYzMy0uMTg0LS4xNzYtLjQwMy0uMjYzLS42NTUtLjI2My0uMjUzIDAtLjQ3MS4wODctLjY1NS4yNjNMOS4zMDQgMTEuNCA3LjI4OSA5LjQzOWMtLjE4NC0uMTc2LS40MDItLjI2NC0uNjU1LS4yNjRzLS40Ny4wODgtLjY1NS4yNjR6Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");padding-right:2.5rem;background-position:center right .625rem;background-size:1.25rem auto;background-repeat:no-repeat}input[type=search]{padding-left:2.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDkuNjI2IDQwOS41OTgiPjxwYXRoIGQ9Ik0zNzUuMyA0MDkuNTk4aC04Yy0xMi4zLTEuNy0yMS4xLTkuMS0yOS42LTE3LjYtMzAuNS0zMC44LTYxLjItNjEuMy05MS45LTkyLTEuMS0xLjEtMi4yLTIuMS0zLjMtMy4xLTEuMy43LTIuMiAxLjItMy4yIDEuNy01MS4yIDI4LTEwMy4zIDI5LjQtMTU0LjcgMi4xLTQ2LjgtMjQuOS03My45LTY1LjEtODIuOS0xMTcuMy0uNy00LTEuMS04LjEtMS43LTEyLjJ2LTIyLjRjLjItMS4xLjUtMi4zLjctMy40IDIuMy0xMS4zIDMuNi0yMyA3LjEtMzMuOSAxMC42LTMzLjUgMzAuNS02MC43IDU5LjEtODEuMyAyNi4yLTE4LjkgNTUuNi0yOSA4Ny44LTMwLjEgMzIuNC0xLjEgNjIuNSA3LjEgOTAgMjQuNCAzNC45IDIyLjEgNTguMSA1My4xIDY5LjQgOTIuOCA5IDMxLjUgOCA2My0yLjggOTMuOS0zLjggMTAuNy05IDIxLTE0IDMyLjYuNS4zIDEuOSAxLjEgMyAyLjIgMzIuMiAzMi4xIDY0LjMgNjQuMiA5Ni40IDk2LjQgMTguNCAxOC40IDE3IDQ0LjMtMy4yIDU5LjgtNS4zIDQuMi0xMS43IDUuOS0xOC4yIDcuNHptLTEwNi40LTI0OS43Yy0uMS01OS44LTQ4LjktMTA4LjYtMTA4LjctMTA4LjctNTkuOC0uMi0xMDkgNDktMTA4LjkgMTA4LjkuMSA1OS44IDQ4LjkgMTA4LjYgMTA4LjcgMTA4LjcgNTkuNy4yIDEwOS00OSAxMDguOS0xMDguOXoiLz48L3N2Zz4=");background-position:center left .625rem;background-size:1.25rem auto;background-repeat:no-repeat}.left-icon-mail{padding-left:2.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAzMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS45MTYgMTIuMzRsMjQuOTEyIDE1Ljc1SDEuOTE2VjEyLjM0em0xMi40NS0xMC4wNTVjLjY5My0uNSAxLjYyNC0uNSAyLjMxNi4wMDJsMTEuNTQ5IDguMzU1LTEyLjc0OCA4LjAxNEwyLjc5IDEwLjYzMWwxMS41NzUtOC4zNDZ6bTE0LjcxOCAyNC45N2wtMTEuODEtNy40NjcgMTEuODEtNy40MjR2MTQuODkxek0zMC42MDUgMTBMMTcuODEuNzQyYTMuODkzIDMuODkzIDAgMCAwLTQuNTY3LS4wMDRMLjM5NyA5Ljk5OWEuOTUzLjk1MyAwIDAgMC0uMzk3Ljc3NHYxOC4yNzJjMCAuNTI3LjQyOS45NTUuOTU4Ljk1NWgyOS4wODRjLjUzIDAgLjk1OC0uNDI4Ljk1OC0uOTU1VjEwLjc3M2EuOTU1Ljk1NSAwIDAgMC0uMzk1LS43NzN6Ii8+PC9zdmc+");background-position:center left .625rem;background-size:1.25rem auto;background-repeat:no-repeat}.left-icon-password{padding-left:2.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDE5IDI2Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik04LjMxIDIwLjg2NWEuOTAzLjkwMyAwIDEgMCAxLjgwNyAwdi0yLjU3OWEuOS45IDAgMCAwLS43MzItMS40M2gtLjM0M2EuOTAzLjkwMyAwIDAgMC0uNzMxIDEuNDN2Mi41Nzl6Ii8+PHBhdGggZD0iTTE2Ljg2NyAxOS41NWE0LjcxNCA0LjcxNCAwIDAgMS00LjcwOCA0LjcwOGgtNS44OUE0LjcxNCA0LjcxNCAwIDAgMSAxLjU2IDE5LjU1di04LjQ5aDE1LjMwN3Y4LjQ5ek00LjQ4OCA0Ljc5M0EyLjcxNyAyLjcxNyAwIDAgMSA3LjIwMiAyLjA4aDMuNzQ5YTIuNzE2IDIuNzE2IDAgMCAxIDIuNzEzIDIuNzEzVjkuNUg0LjQ4OFY0Ljc5M3pNMTcuNjQ4IDkuNWgtMi40MjRWNC43OTNBNC4yNzggNC4yNzggMCAwIDAgMTAuOTUxLjUySDcuMjAyYTQuMjc5IDQuMjc5IDAgMCAwLTQuMjc0IDQuMjczVjkuNUguNzhhLjc4Ljc4IDAgMCAwLS43OC43OHY5LjI3YTYuMjc2IDYuMjc2IDAgMCAwIDYuMjY5IDYuMjY4aDUuODlhNi4yNzYgNi4yNzYgMCAwIDAgNi4yNjgtNi4yNjh2LTkuMjdhLjc4Ljc4IDAgMCAwLS43OC0uNzh6Ii8+PC9nPjwvc3ZnPg==");background-position:center left .625rem;background-size:1.25rem auto;background-repeat:no-repeat}input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=textarea]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus,select:focus,input:not([type]):focus-visible,input[type=text]:focus-visible,input[type=password]:focus-visible,input[type=textarea]:focus-visible,input[type=date]:focus-visible,input[type=datetime-local]:focus-visible,input[type=email]:focus-visible,input[type=month]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible,input[type=tel]:focus-visible,input[type=text]:focus-visible,input[type=time]:focus-visible,input[type=url]:focus-visible,input[type=week]:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--ako-neutral-color-300, #c3c3c3);box-shadow:none}::placeholder{color:var(--ako-faded-text-color, #a4a4a4);opacity:1}select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23686868' viewBox='0 0 13.2 7.1' height='7' width='12'%3E%3Cpath d='M12.9.2a1 1 0 0 1 0 1.3L7.3 7a1 1 0 0 1-1.4 0L.3 1.5A1 1 0 0 1 .3.2a1 1 0 0 1 1.4 0l4.9 4.6L11.5.2a1 1 0 0 1 1.4 0z' fill='%23686868' fill-rule='evenodd'/%3E%3C/svg%3E");padding-right:2.5rem;background-position:center right .625rem;background-size:1.25rem auto;background-repeat:no-repeat;background-size:.75rem .4375rem;background-position:right .875rem center;background-repeat:no-repeat}select.small-select,select.micro-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA5IDgiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iIzY4Njg2OCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMjQ5OS4xMzcgMTc0NS41MTVjLS4wOS0uMTU0LS4xMzctLjMzLS4xMzctLjUwOCAwLS41NTYuNDUtMS4wMDcgMS4wMDYtMS4wMDdoNi45ODhjLjE3OCAwIC4zNTMuMDQ3LjUwNy4xMzcuNDguMjguNjQyLjg5OC4zNjEgMS4zNzhsLTMuNDkzIDUuOTg2Yy0uMDg4LjE1LS4yMTIuMjc0LS4zNjIuMzYxLS40OC4yOC0xLjA5Ni4xMTktMS4zNzYtLjM2MWwtMy40OTQtNS45ODZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQ5OS4wMDAwMDAsIC0xNzQ0LjAwMDAwMCkiLz48L2c+PC9nPjwvc3ZnPg==");padding-right:2.5rem;background-position:center right .625rem;background-size:1.25rem auto;background-repeat:no-repeat;background-size:.5rem auto;height:1.75rem;cursor:pointer;padding:0;border:0;outline:0}select.micro-select{font-family:var(--ako-font-family-body, trade-gothic-next-soft-round, sans-serif);font-style:normal;font-stretch:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ako-body-text-color, #777777);font-weight:700;font-size:1rem;line-height:1.25rem;text-decoration:underline;font-size:1rem;height:1.3125rem;width:unset;padding-right:1.5rem;font-weight:700}select.micro-select:hover{text-decoration:none}select.micro-select:hover{text-decoration:underline}@supports(-webkit-appearance: none) or (-moz-appearance: none){input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.625rem;height:1.625rem;margin-right:.5rem;margin-left:0;margin-inline-start:0;margin-inline-end:.5rem;border:.125rem solid var(--ako-neutral-color-400, #b3b3b3);border-radius:.1875rem;outline:0;background-color:rgba(0,0,0,0);color:#fff;transition:background-color 200ms,border-color 200ms;cursor:pointer}input[type=checkbox]::-ms-check,input[type=radio]::-ms-check{display:none}input[type=checkbox]:not([role=switch]):checked,input[type=checkbox]:not([role=switch]):checked:active,input[type=checkbox]:not([role=switch]):checked:focus{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE0IDEwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0xOTAzLjM3MSAxNDQ0LjIxNGMtLjI0Ny4yNDYtLjM3MS41NDUtLjM3MS44OTcgMCAuMzUxLjEyNC42NS4zNzEuODk2bDMuNzM0IDMuNjI0Yy4yNDcuMjQ2LjU1NC4zNjkuOTIuMzY5LjM1NyAwIC42NTktLjEyMy45MDYtLjM2OWw3LjY4My03LjQ4M2MuMjU3LS4yNDYuMzg2LS41NDQuMzg2LS44OTMgMC0uMzUtLjEyOS0uNjQ1LS4zODYtLjg4Ni0uMjU3LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OWwtNi43NTUgNi41OS0yLjgyLTIuNzQ1Yy0uMjU4LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTAzLjAwMDAwMCwgLTE0NDAuMDAwMDAwKSIvPjwvZz48L2c+PC9zdmc+");background-position:center;background-size:.875rem auto;background-repeat:no-repeat;background-color:var(--ako-success-color-700, #abd45c);border-color:var(--ako-success-color-700, #abd45c)}input[type=radio]{border-radius:50%}input[type=radio]:checked,input[type=radio]:checked:active,input[type=radio]:checked:focus{border-width:.4375rem;border-color:var(--ako-success-color-700, #abd45c);background-color:#fff}input[type=checkbox][role=switch]{width:4rem;height:2.25rem;border:.25rem solid var(--ako-neutral-color-500, #a4a4a4);border-radius:2.25rem;background-color:var(--ako-neutral-color-500, #a4a4a4);line-height:2.25rem}input[type=checkbox][role=switch]:checked{background-color:var(--ako-success-color-700, #abd45c);border-color:var(--ako-success-color-700, #abd45c)}input[type=checkbox][role=switch]:before{display:block;width:calc(2.25rem - (0.25rem * 2));height:100%;border-radius:50%;background-color:#fff;content:"";transition:margin 200ms ease-in-out;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNBQUEiPjxnPjxwYXRoIGQ9Ik0yMi42ODggMjIuMDk0Yy4yMDguMjI5LjMxMi41LjMxMi44MTIgMCAuMzEzLS4xMDQuNTczLS4zMTMuNzgyLS4yMDguMjA4LS40NjguMzEyLS43OC4zMTItLjMxMyAwLS41ODQtLjEwNC0uODEzLS4zMTNMMTcgMTkuNTk1bC00LjA5NCA0LjA5M2MtLjIyOS4yMDktLjQ5LjMxMy0uNzgxLjMxMy0uMjkyIDAtLjU1Mi0uMTA0LS43ODEtLjMxMy0uMjMtLjIwOC0uMzQ0LS40NjgtLjM0NC0uNzggMC0uMzEzLjExNS0uNTg0LjM0NC0uODEzTDE1LjQwNiAxOGwtNC4wNjItNC4wOTRjLS4yMy0uMjI5LS4zNDQtLjUtLjM0NC0uODEyIDAtLjMxMy4xMTUtLjU3My4zNDQtLjc4MS4yMjktLjIwOS40OS0uMzEzLjc4MS0uMzEzLjI5MiAwIC41NTIuMTA0Ljc4MS4zMTNMMTcgMTYuNDA1bDQuMDk0LTQuMDkzYy4yMjktLjIwOS41LS4zMTMuODEyLS4zMTMuMzEzIDAgLjU3My4xMDQuNzgyLjMxMy4yMDguMjA4LjMxMi40NjguMzEyLjc4IDAgLjMxMy0uMTA0LjU4NC0uMzEzLjgxM0wxOC41OTUgMThsNC4wOTMgNC4wOTR6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQwMi4wMDAwMDAsIC0xOTA5LjAwMDAwMCkgdHJhbnNsYXRlKDIzOTEuMDAwMDAwLCAxODk3LjAwMDAwMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4=");background-position:center;background-size:.75rem auto;background-repeat:no-repeat}input[type=checkbox][role=switch]:checked::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE0IDEwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiM5NkM5MzMiPjxwYXRoIGQ9Ik0yNTEyLjM3MSAxOTE0LjIxNGMtLjI0Ny4yNDYtLjM3MS41NDUtLjM3MS44OTcgMCAuMzUxLjEyNC42NS4zNzEuODk2bDMuNzM0IDMuNjI0Yy4yNDcuMjQ2LjU1NC4zNjkuOTIuMzY5LjM1NyAwIC42NTktLjEyMy45MDYtLjM2OWw3LjY4My03LjQ4M2MuMjU3LS4yNDYuMzg2LS41NDQuMzg2LS44OTMgMC0uMzUtLjEyOS0uNjQ1LS4zODYtLjg4Ni0uMjU3LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OWwtNi43NTUgNi41OS0yLjgyLTIuNzQ1Yy0uMjU4LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTEyLjAwMDAwMCwgLTE5MTAuMDAwMDAwKSIvPjwvZz48L2c+PC9zdmc+");background-size:.875rem auto;margin-left:calc(2rem - 0.25rem);margin-inline-start:calc(2rem - 0.25rem)}input[type=checkbox][role=switch]:disabled{background-color:var(--ako-neutral-color-200, #d2d2d2);border:.25rem solid var(--ako-neutral-color-200, #d2d2d2)}input[type=checkbox][role=switch]:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNkMmQyZDIiPjxnPjxwYXRoIGQ9Ik0yMi42ODggMjIuMDk0Yy4yMDguMjI5LjMxMi41LjMxMi44MTIgMCAuMzEzLS4xMDQuNTczLS4zMTMuNzgyLS4yMDguMjA4LS40NjguMzEyLS43OC4zMTItLjMxMyAwLS41ODQtLjEwNC0uODEzLS4zMTNMMTcgMTkuNTk1bC00LjA5NCA0LjA5M2MtLjIyOS4yMDktLjQ5LjMxMy0uNzgxLjMxMy0uMjkyIDAtLjU1Mi0uMTA0LS43ODEtLjMxMy0uMjMtLjIwOC0uMzQ0LS40NjgtLjM0NC0uNzggMC0uMzEzLjExNS0uNTg0LjM0NC0uODEzTDE1LjQwNiAxOGwtNC4wNjItNC4wOTRjLS4yMy0uMjI5LS4zNDQtLjUtLjM0NC0uODEyIDAtLjMxMy4xMTUtLjU3My4zNDQtLjc4MS4yMjktLjIwOS40OS0uMzEzLjc4MS0uMzEzLjI5MiAwIC41NTIuMTA0Ljc4MS4zMTNMMTcgMTYuNDA1bDQuMDk0LTQuMDkzYy4yMjktLjIwOS41LS4zMTMuODEyLS4zMTMuMzEzIDAgLjU3My4xMDQuNzgyLjMxMy4yMDguMjA4LjMxMi40NjguMzEyLjc4IDAgLjMxMy0uMTA0LjU4NC0uMzEzLjgxM0wxOC41OTUgMThsNC4wOTMgNC4wOTR6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQwMi4wMDAwMDAsIC0xOTA5LjAwMDAwMCkgdHJhbnNsYXRlKDIzOTEuMDAwMDAwLCAxODk3LjAwMDAwMCkiLz48L2c+PC9nPjwvZz48L3N2Zz4=")}input[type=checkbox][role=switch]:disabled:checked::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE0IDEwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNkMmQyZDIiPjxwYXRoIGQ9Ik0yNTEyLjM3MSAxOTE0LjIxNGMtLjI0Ny4yNDYtLjM3MS41NDUtLjM3MS44OTcgMCAuMzUxLjEyNC42NS4zNzEuODk2bDMuNzM0IDMuNjI0Yy4yNDcuMjQ2LjU1NC4zNjkuOTIuMzY5LjM1NyAwIC42NTktLjEyMy45MDYtLjM2OWw3LjY4My03LjQ4M2MuMjU3LS4yNDYuMzg2LS41NDQuMzg2LS44OTMgMC0uMzUtLjEyOS0uNjQ1LS4zODYtLjg4Ni0uMjU3LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OWwtNi43NTUgNi41OS0yLjgyLTIuNzQ1Yy0uMjU4LS4yNDYtLjU2My0uMzY5LS45MTctLjM2OS0uMzU0IDAtLjY2LjEyMy0uOTE3LjM2OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTEyLjAwMDAwMCwgLTE5MTAuMDAwMDAwKSIvPjwvZz48L2c+PC9zdmc+")}}[type=range]{--range-thumb-border-color: #ffffff;--range-thumb-color: linear-gradient(to right, var(--ako-neutral-color-900, #686868), var(--ako-neutral-color-900, #686868) 286%, var(--ako-neutral-color-900, #686868) 719%);--range-thumb-hover-color: transparent;--range-thumb-active-color: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.875rem;background:none}[type=range]::-webkit-slider-runnable-track{width:100%;height:.375rem;border-radius:.1875rem;background-color:var(--ako-neutral-color-300, #c3c3c3);transition:background-color 200ms}[type=range]::-moz-range-track{width:100%;height:.375rem;border-radius:.1875rem;background-color:var(--ako-neutral-color-300, #c3c3c3);transition:background-color 200ms}[type=range]::-ms-track{width:100%;height:.375rem;border-radius:.1875rem;background-color:var(--ako-neutral-color-300, #c3c3c3);transition:background-color 200ms}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.875rem;height:1.875rem;margin-top:-0.75rem;border:.25rem solid var(--range-thumb-border-color);border-radius:50%;background:var(--range-thumb-color);cursor:pointer;transition:background-color 200ms,transform 200ms}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.875rem;height:1.875rem;margin-top:-0.75rem;border:.25rem solid var(--range-thumb-border-color);border-radius:50%;background:var(--range-thumb-color);cursor:pointer;transition:background-color 200ms,transform 200ms}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.875rem;height:1.875rem;margin-top:-0.75rem;border:.25rem solid var(--range-thumb-border-color);border-radius:50%;background:var(--range-thumb-color);cursor:pointer;transition:background-color 200ms,transform 200ms}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}