ablok-components 0.1.183 → 0.1.184
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.svg-icon{display:inline-flex;justify-content:center;align-items:center;line-height:1}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.svg-icon--small svg{width:.875rem;height:.875rem}.loading-spinner{min-width:1.5rem}.loading-spinner svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:100%;height:100%}.loading-spinner svg path{fill:currentColor}.base-image{position:relative;overflow:hidden}.base-image img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out,transform 1.2s ease-in-out}.base-image--zoom:hover img{transform:scale(1.05)}.accordion-button__toggle{transition:transform .24s ease-in-out;transform:rotateX(180deg);transform-origin:center}.collapsed .accordion-button__toggle{transform:rotateX(0)}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5em;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.btn .loading-spinner svg{max-width:1.5em;max-height:1.5em}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0;text-align:start}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.form-switch{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;gap:1rem}.form-switch .input-group{width:auto}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.form-switch .form-check-label{margin:0}.input--checkbox{flex-flow:row;gap:.5rem}.input--checkbox input{order:0}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.radio-buttons{--color-basic-option: #f44336;--color-key-option: #4caf50}.radio-buttons .form-check{padding:0}.radio-buttons input[type=radio]{display:none}.radio-buttons:has(:checked) .form-check-input+label{background-color:var(--color-basic-option);color:#fff;border-color:transparent}.radio-buttons:has(:checked) .form-check-input--key+label{background-color:var(--color-key-option)}.select-media .form-check{padding:0}.select-media input[type=radio]{display:none}.select-media .is-active{outline:.5rem solid var(--bs-primary);outline-offset:-.5rem}.select-media.responsive-container{container-name:responsive-container;container-type:inline-size}@container responsive-container (width > 640px){.select-media .form-check{width:50%!important}}.rte-editor{height:100%;display:flex;flex-direction:column}.rte-editor__content{flex:1 1 auto}.rte-editor .ProseMirror{height:100%}.ProseMirror>*+*{margin-top:.75em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background:#0D0D0D;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.color-palette .form-check{padding:0}.color-palette .form-check .rounded-circle{aspect-ratio:1/1;width:1.5rem;height:1.5rem;border:thin solid var(--border-color);outline:none}.color-palette .form-check input[type=radio]{display:none}.color-palette .form-check input[type=radio]:checked+label{cursor:pointer;box-shadow:0 0 0 .25rem var(--border-color)}.dropdown-item:has(input[type=radio]){padding:0}.dropdown-item:has(input[type=radio]) .form-check{padding:0}.dropdown-item:has(input[type=radio]) .form-check-label{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)}.suggestions{list-style:none;padding:0}.camera__preview canvas{position:relative;left:0;top:0}.camera__preview img,.camera__preview video,.camera__preview canvas{display:block;width:100%;height:100%;object-fit:cover}.camera__controls{position:absolute;bottom:0;width:100%;z-index:1;text-align:center;margin:0 0 2rem}.camera.mirror-cam img,.camera.mirror-cam video{transform:scaleX(-1)}.camera__switch-cam{position:absolute;z-index:1;right:0;top:0;margin:1rem}.camera__switch-cam .btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera .aspect-ratio--1x1{aspect-ratio:1/1}.camera .aspect-ratio--3x2{aspect-ratio:3/2}.camera .aspect-ratio--2x3{aspect-ratio:2/3}.camera .aspect-ratio--4x3{aspect-ratio:4/3}.camera .aspect-ratio--3x4{aspect-ratio:3/4}.camera .aspect-ratio--16x9{aspect-ratio:16/9}.camera .aspect-ratio--9x16{aspect-ratio:9/16}.camera__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera__bg-notification+video{position:relative;z-index:1}.camera .camera__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.camera__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera__countdown-overlay .countdown:before,.camera__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}@keyframes blur{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail img{width:100%;background:var(--bs-light)}.file-upload__thumbnail .btn{position:absolute;right:0;top:0;margin:.5rem;padding:.125rem .3125rem;border-radius:.2rem}.file-upload__thumbnail .btn:hover{background:rgba(255,255,255,.62)}.file-upload__label{position:relative}.file-upload__loading-spinner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffffa3;display:grid;place-content:center}.file-upload .fade-enter-active,.file-upload .fade-leave-active{transition:opacity .5s}.file-upload .fade-enter,.file-upload .fade-leave-to{opacity:0}.upload-group .img-thumbnail{width:5rem;aspect-ratio:1/1}.upload-group .file-upload__thumbnail{display:none}.upload-group .img-container{position:relative}.upload-group .img-container .btn--close{position:absolute;right:0;top:0;margin:.25rem;padding:.125rem}:root,*:before,*:after{--carousel-gutter-width: .75rem}.carousel__viewport{position:relative;overflow-x:auto;scroll-behavior:smooth;margin-right:calc(0px - var(--carousel-gutter-width) / 2);margin-left:calc(0px - var(--carousel-gutter-width) / 2);scrollbar-width:none;-ms-overflow-style:none}.carousel__item{flex:0 0 auto;width:20%;padding:0 calc(var(--carousel-gutter-width) / 2)}.carousel>.btn{padding-left:0;padding-right:0}.carousel__viewport::-webkit-scrollbar{height:0}.media-thumbnails{position:relative;padding:.5rem 0;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .carousel-cell{padding:0 .5rem}.progress-steps ul{display:flex;justify-content:center;gap:4rem;margin:0;padding:0;list-style:none}.progress-steps__step{position:relative}.progress-steps__step:not(:first-of-type):before{content:"";display:block;height:.2em;width:4rem;background-color:var(--bs-gray-300);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.progress-steps__step--active .progress-step .btn{box-shadow:0 0 0 .5em var(--bs-gray-300)}.progress-steps__step--disabled .progress-step .btn{background-color:var(--bs-gray-300);color:var(--bs-dark)}.progress-steps__step input[type=radio]{position:absolute;opacity:0;width:0;height:0}.progress-steps__step .btn{width:2em;height:2em;padding:0;background-color:var(--bs-black);color:var(--bs-white);font-weight:700}.progress-steps__step .form-check-label{position:absolute;left:50%;top:100%;min-width:12rem;transform:translate(-50%) translateY(50%);text-align:center}.progress-steps .progress-step{position:relative}.link-sharing .btn{width:100%;margin-bottom:.5rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}dialog{opacity:0;transition:opacity .8s;position:absolute;animation:modal-in .32s forwards ease;padding:0;overflow:hidden}dialog[open]{width:100%;opacity:1;pointer-events:inherit}dialog::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:#0009}@keyframes modal-in{0%{translate:0 -100%;opacity:0}}.modal-dialog{background-color:var(--page-background-color, #fff);color:var(--body-color);border:none;box-shadow:0 0 .25rem #fff6;min-width:300px;max-width:500px;margin-block:auto}.modal-dialog--sm{max-width:300px}.modal-dialog--md{max-width:600px}.modal-dialog--lg{max-width:800px}.modal-dialog--xl{max-width:1140px}.modal-dialog .btn-close{border-radius:0}.modal-dialog__content{max-height:90vh}.modal-dialog__body{padding:1rem;overflow-y:auto}:root{--scroll-position: 0}body:has(dialog[open]){overflow:hidden;position:fixed;width:100%;top:calc(-1 * var(--scroll-position))}.sortable-list{list-style:none;-webkit-user-select:none;user-select:none}.sortable-list__item.is-drag-item{opacity:.5}.sortable-list__drag-handle button{display:grid;place-content:center;border-radius:0;padding-inline:0;cursor:move!important}.is-drop-target{outline:thick dashed var(--bs-gray-200)}.list-enter-active,.list-leave-active{transition:all .16s ease-in-out}.list-enter-from,.list-leave-to{opacity:0}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.touch-wrapper{position:relative;overflow:hidden;touch-action:none}.touch-wrapper__controls{position:absolute;top:0;right:0;z-index:1}
|
|
1
|
+
.svg-icon{display:inline-flex;justify-content:center;align-items:center;line-height:1}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.svg-icon--small svg{width:.875rem;height:.875rem}.loading-spinner{min-width:1.5rem}.loading-spinner svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:100%;height:100%}.loading-spinner svg path{fill:currentColor}.base-image{position:relative;overflow:hidden}.base-image img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out,transform 1.2s ease-in-out}.base-image--zoom:hover img{transform:scale(1.05)}.accordion-button__toggle{transition:transform .24s ease-in-out;transform:rotateX(180deg);transform-origin:center}.collapsed .accordion-button__toggle{transform:rotateX(0)}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5em;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.btn .loading-spinner svg{max-width:1.5em;max-height:1.5em}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0;text-align:start}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.form-switch{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;gap:1rem}.form-switch .input-group{width:auto}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.form-switch .form-check-label{margin:0}.input--checkbox{flex-flow:row;gap:.5rem}.input--checkbox input{order:0}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.radio-buttons{--color-basic-option: #f44336;--color-key-option: #4caf50}.radio-buttons .form-check{padding:0}.radio-buttons input[type=radio]{display:none}.radio-buttons:has(:checked) .form-check-input+label{background-color:var(--color-basic-option);color:#fff;border-color:transparent}.radio-buttons:has(:checked) .form-check-input--key+label{background-color:var(--color-key-option)}.select-media .form-check{padding:0}.select-media input[type=radio]{display:none}.select-media .is-active{outline:.5rem solid var(--bs-primary);outline-offset:-.5rem}.select-media.responsive-container{container-name:responsive-container;container-type:inline-size}@container responsive-container (width > 640px){.select-media .form-check{width:50%!important}}.rte-editor{height:100%;display:flex;flex-direction:column}.rte-editor__content{flex:1 1 auto}.rte-editor .ProseMirror{height:100%}.ProseMirror>*+*{margin-top:.75em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background:#0D0D0D;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.color-palette .form-check{padding:0}.color-palette .form-check .rounded-circle{aspect-ratio:1/1;width:1.5rem;height:1.5rem;border:thin solid var(--border-color);outline:none}.color-palette .form-check input[type=radio]{display:none}.color-palette .form-check input[type=radio]:checked+label{cursor:pointer;box-shadow:0 0 0 .25rem var(--border-color)}.dropdown-item:has(input[type=radio]){padding:0}.dropdown-item:has(input[type=radio]) .form-check{padding:0}.dropdown-item:has(input[type=radio]) .form-check-label{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)}.suggestions{list-style:none;padding:0}.camera__preview canvas{position:relative;left:0;top:0}.camera__preview img,.camera__preview video,.camera__preview canvas{display:block;width:100%;height:100%;object-fit:cover}.camera__controls{position:absolute;bottom:0;width:100%;z-index:1;text-align:center;margin:0 0 2rem}.camera.mirror-cam img,.camera.mirror-cam video{transform:scaleX(-1)}.camera__switch-cam{position:absolute;z-index:1;right:0;top:0;margin:1rem}.camera__switch-cam .btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera .aspect-ratio--1x1{aspect-ratio:1/1}.camera .aspect-ratio--3x2{aspect-ratio:3/2}.camera .aspect-ratio--2x3{aspect-ratio:2/3}.camera .aspect-ratio--4x3{aspect-ratio:4/3}.camera .aspect-ratio--3x4{aspect-ratio:3/4}.camera .aspect-ratio--16x9{aspect-ratio:16/9}.camera .aspect-ratio--9x16{aspect-ratio:9/16}.camera__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera__bg-notification+video{position:relative;z-index:1}.camera .camera__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.camera__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera__countdown-overlay .countdown:before,.camera__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}@keyframes blur{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail img{width:100%;background:var(--bs-light)}.file-upload__thumbnail .btn{position:absolute;right:0;top:0;margin:.5rem;padding:.125rem .3125rem;border-radius:.2rem}.file-upload__thumbnail .btn:hover{background:rgba(255,255,255,.62)}.file-upload__label{position:relative}.file-upload__loading-spinner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffffa3;display:grid;place-content:center}.file-upload .fade-enter-active,.file-upload .fade-leave-active{transition:opacity .5s}.file-upload .fade-enter,.file-upload .fade-leave-to{opacity:0}.upload-group .img-thumbnail{width:5rem;aspect-ratio:1/1}.upload-group .file-upload__thumbnail{display:none}.upload-group .img-container{position:relative}.upload-group .img-container .btn--close{position:absolute;right:0;top:0;margin:.25rem;padding:.125rem}:root,*:before,*:after{--carousel-gutter-width: .75rem}.carousel__viewport{position:relative;overflow-x:auto;scroll-behavior:smooth;margin-right:calc(0px - var(--carousel-gutter-width) / 2);margin-left:calc(0px - var(--carousel-gutter-width) / 2);scrollbar-width:none;-ms-overflow-style:none}.carousel__item{flex:0 0 auto;width:20%;padding:0 calc(var(--carousel-gutter-width) / 2)}.carousel>.btn{padding-left:0;padding-right:0}.carousel__viewport::-webkit-scrollbar{height:0}.media-thumbnails{--carousel-visible-items: 5;--carousel-gap-width: .5rem;--carousel-item-width: calc(20% - var(--carousel-gap-width) + var(--carousel-gap-width) / (var(--carousel-visible-items)));position:relative;padding:.5rem 0;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .carousel{gap:calc(var(--carousel-gap-width) / 2)}.media-thumbnails .carousel__track{gap:var(--carousel-gap-width)}.media-thumbnails .carousel__item{width:var(--carousel-item-width);padding:0}.progress-steps ul{display:flex;justify-content:center;gap:4rem;margin:0;padding:0;list-style:none}.progress-steps__step{position:relative}.progress-steps__step:not(:first-of-type):before{content:"";display:block;height:.2em;width:4rem;background-color:var(--bs-gray-300);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.progress-steps__step--active .progress-step .btn{box-shadow:0 0 0 .5em var(--bs-gray-300)}.progress-steps__step--disabled .progress-step .btn{background-color:var(--bs-gray-300);color:var(--bs-dark)}.progress-steps__step input[type=radio]{position:absolute;opacity:0;width:0;height:0}.progress-steps__step .btn{width:2em;height:2em;padding:0;background-color:var(--bs-black);color:var(--bs-white);font-weight:700}.progress-steps__step .form-check-label{position:absolute;left:50%;top:100%;min-width:12rem;transform:translate(-50%) translateY(50%);text-align:center}.progress-steps .progress-step{position:relative}.link-sharing .btn{width:100%;margin-bottom:.5rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}dialog{opacity:0;transition:opacity .8s;position:absolute;animation:modal-in .32s forwards ease;padding:0;overflow:hidden}dialog[open]{width:100%;opacity:1;pointer-events:inherit}dialog::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:#0009}@keyframes modal-in{0%{translate:0 -100%;opacity:0}}.modal-dialog{background-color:var(--page-background-color, #fff);color:var(--body-color);border:none;box-shadow:0 0 .25rem #fff6;min-width:300px;max-width:500px;margin-block:auto}.modal-dialog--sm{max-width:300px}.modal-dialog--md{max-width:600px}.modal-dialog--lg{max-width:800px}.modal-dialog--xl{max-width:1140px}.modal-dialog .btn-close{border-radius:0}.modal-dialog__content{max-height:90vh}.modal-dialog__body{padding:1rem;overflow-y:auto}:root{--scroll-position: 0}body:has(dialog[open]){overflow:hidden;position:fixed;width:100%;top:calc(-1 * var(--scroll-position))}.sortable-list{list-style:none;-webkit-user-select:none;user-select:none}.sortable-list__item.is-drag-item{opacity:.5}.sortable-list__drag-handle button{display:grid;place-content:center;border-radius:0;padding-inline:0;cursor:move!important}.is-drop-target{outline:thick dashed var(--bs-gray-200)}.list-enter-active,.list-leave-active{transition:all .16s ease-in-out}.list-enter-from,.list-leave-to{opacity:0}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.touch-wrapper{position:relative;overflow:hidden;touch-action:none}.touch-wrapper__controls{position:absolute;top:0;right:0;z-index:1}
|