.sph-icon{--sph-icon-size:var(--sph-icon-size,calc(var(--spacing)*6));width:var(--sph-icon-size);height:var(--sph-icon-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.sph-icon svg{--stroke-width:var(--sph-stroke-width,1.25);width:100%;height:100%;stroke:var(--sph-icon-color,currentColor);fill:none;display:block}.sph-icon svg g,.sph-icon svg path,.sph-icon svg circle,.sph-icon svg rect,.sph-icon svg line,.sph-icon svg polyline,.sph-icon svg polygon,.sph-icon svg ellipse{stroke-width:var(--stroke-width)}.sph-icon.size-xs{--sph-icon-size:calc(var(--spacing)*4);--sph-stroke-width:1.75}.sph-icon.size-sm{--sph-icon-size:calc(var(--spacing)*5);--sph-stroke-width:1.5}.sph-icon.size-md{--sph-icon-size:calc(var(--spacing)*6);--sph-stroke-width:1.375}.sph-icon.size-lg{--sph-icon-size:calc(var(--spacing)*7);--sph-stroke-width:1.25}.sph-icon.size-xl{--sph-icon-size:calc(var(--spacing)*8);--sph-stroke-width:1.125}.sph-icon.size-xxl{--sph-icon-size:calc(var(--spacing)*9);--sph-stroke-width:1.125}.quick-switch-enter-from[data-v-5a58d5f5]{opacity:0;transform:scale(1.2) translateY(-10%)}.quick-switch-leave-to[data-v-5a58d5f5]{opacity:0;transform:scale(.8) translateY(10%)}.quick-switch-enter-to[data-v-5a58d5f5],.quick-switch-leave-from[data-v-5a58d5f5]{opacity:1;transform:scale(1) translate(0)}.quick-switch-enter-active[data-v-5a58d5f5],.quick-switch-leave-active[data-v-5a58d5f5]{transition:opacity .4s,transform .4s}.quick-switch-leave-active[data-v-5a58d5f5]{position:absolute}.item[data-v-5a58d5f5]{display:inline-flex}.smooth-list-enter-from{&[data-v-5a58d5f5]{opacity:0;transform:translate(50%)}&.right[data-v-5a58d5f5]{transform:translate(-50%)}}.smooth-list-leave-to{&[data-v-5a58d5f5]{opacity:0;transform:translate(-100%)}&.right[data-v-5a58d5f5]{transform:translate(100%)}}.smooth-list-enter-to[data-v-5a58d5f5],.smooth-list-leave-from[data-v-5a58d5f5]{opacity:1;transform:translate(0)}.smooth-list-enter-active[data-v-5a58d5f5],.smooth-list-leave-active[data-v-5a58d5f5]{transition:all .4s var(--ease-out-cubic)}.smooth-list-leave-active[data-v-5a58d5f5]{position:absolute!important}.smooth-list-move[data-v-5a58d5f5]{transition:all .3s var(--ease-out-cubic)}.is-resizing[data-v-5a58d5f5]{overflow:hidden;transition:width .3s var(--ease-out-cubic)}.freeze-transition[data-v-5a58d5f5]{transition:none!important}.ripple-container[data-v-5a58d5f5]{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.ripple-wave{position:absolute;border-radius:50%;background:currentColor;opacity:.25;transform:scale(0);pointer-events:none;animation:ripple-expand .4s var(--ease-in-quad) forwards;&.fast{opacity:.5;animation-duration:.4s;animation-timing-function:var(--ease-in-quad)}}@keyframes ripple-expand{to{transform:scale(1);opacity:0}}:where(.field-row){gap:var(--field-gap);flex-flow:wrap;display:flex}:where(.field-row)>*{flex:1;min-width:0}:where(.field-row)>[data-slot=field].compact{flex:none}:where(.field-col){gap:var(--field-gap);flex-flow:column;display:flex}:where(.field-col)>*{flex:1;min-width:0}.sph-dialog{--close-button-color:var(--color-primary);--padding-x:calc(var(--spacing)*6);--padding-y:calc(var(--spacing)*4);--screen-padding:calc(var(--spacing)*6);width:100vw;min-width:calc(var(--container-xs) - var(--screen-padding));max-width:calc(100vw - var(--screen-padding));max-height:calc(100vh - var(--screen-padding));padding:calc(var(--spacing)*2)0;border-radius:var(--radius-lg);background-color:#fff;border:none;flex-direction:column;gap:0;display:flex}@media(min-width:45.7143rem){.sph-dialog{width:-moz-fit-content;width:fit-content}}.sph-dialog:focus-visible{outline:none}.sph-dialog.has-close-button .dialog-header{padding-right:calc(var(--spacing)*6 + var(--padding-x))}.sph-dialog.has-footer{padding-bottom:0}.sph-dialog.has-footer .dialog-body{border-bottom-right-radius:0;border-bottom-left-radius:0}.sph-dialog.has-header{--close-button-color:#fff;background-color:#0000;padding-top:0}.sph-dialog.has-header .dialog-body{border-top-left-radius:0;border-top-right-radius:0;padding:1px 0}.sph-dialog:before{content:"";top:var(--radius-lg);width:calc(100% - 2px);height:calc(100% - var(--radius-lg));z-index:-1;border-radius:var(--radius-lg);background-color:#fff;position:absolute;left:1px}.sph-dialog .dialog-header{background-color:var(--color-primary);color:#fff;padding:var(--padding-y)var(--padding-x);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.sph-dialog .dialog-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);white-space:normal}.sph-dialog .dialog-body{border-radius:var(--radius-lg);background-color:#fff;flex-flow:column;flex:auto;display:flex;position:relative;overflow-y:hidden}.sph-dialog .dialog-body .inner{padding:calc(var(--padding-y)*1.5)var(--padding-x);z-index:1;background-color:#fff;flex:auto;width:-moz-fit-content;width:fit-content;min-width:100%;max-width:100%;height:100%;position:relative;overflow:hidden auto}.sph-dialog .dialog-body .shadow-top,.sph-dialog .dialog-body .shadow-bottom{z-index:100;z-index:10;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;width:100%;height:1.5rem;transition:opacity .25s,transform .25s var(--ease-out-cubic);position:absolute;left:0}:is(.sph-dialog .dialog-body .shadow-top,.sph-dialog .dialog-body .shadow-bottom).show{opacity:1;transform:translate(0)}.sph-dialog .dialog-body .shadow-top{background:radial-gradient(farthest-side at 50% 0,#0000004d,#0000) 50%/150% 100%;top:0;transform:translateY(-50%)}.sph-dialog .dialog-body .shadow-bottom{background:radial-gradient(farthest-side at 50% 100%,#0000004d,#0000) 50%/150% 100%;bottom:0;transform:translateY(50%)}.sph-dialog .dialog-footer{justify-content:flex-start;gap:calc(var(--spacing)*3);padding:var(--padding-y)var(--padding-x);border-top:1px solid var(--color-slate-200);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background-color:#fff;flex-flow:row-reverse wrap}.sph-dialog .dialog-close{top:calc(var(--padding-y) - .35rem);right:calc(var(--padding-x) - .4rem);color:var(--close-button-color);border-radius:var(--radius-xs);transition:color .25s var(--ease-out-cubic);background-color:#0000;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.sph-dialog .dialog-close:hover{color:var(--color-slate-400)}.sph-dialog .dialog-close:focus-visible{box-shadow:0 0 0 2px var(--color-accent);outline:none}.sph-dialog .dialog-close svg{pointer-events:none}