.loader-component{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.code-example{margin-top:1rem}textarea.code{display:block;width:100%;height:300px;border:1px solid rgba(0,0,0,.3);outline:none;font-family:system-ui;box-shadow:none}tapita-tabs-component,tapita-tabs-component tapita-tab-list,tapita-tabs-component tapita-tab-containers,tapita-tabs-component tapita-tab-data.active{display:block}tapita-tabs-component tapita-tab-data{display:none;padding:3.5rem 0 0}.tabs-default{margin-bottom:3rem}.tabs-default tapita-tab-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4rem}.tabs-default tapita-tab-item .loader{position:absolute;right:0;left:0;bottom:-2px;opacity:0;transition:.1s}.tabs-default tapita-tab-item span{position:relative;z-index:5}.tabs-default tapita-tab-item.loading .loader{opacity:1}.tabs-default tapita-tab-item{position:relative;padding:1rem 0 .4rem;font-weight:700;opacity:.6;border-bottom:2px solid transparent;transition:.2s;font-size:1.6rem}.tabs-default tapita-tab-item:not(.active){cursor:pointer}.tabs-default tapita-tab-item.active{opacity:1;border-bottom:2px solid rgb(var(--color-text))}tapita-accordion-component,tapita-accordion-item,tapita-accordion-title{display:block}tapita-accordion-component tapita-accordion-data{display:none}tapita-accordion-component tapita-accordion-item.active tapita-accordion-data{display:block}.accordion-default{border:1px solid rgba(0,0,0,.2);border-radius:.4rem;margin-bottom:1rem}.accordion-default tapita-accordion-item:not(:last-child) tapita-accordion-title{border-bottom:1px solid rgba(0,0,0,.2)}.accordion-default tapita-accordion-title{padding:1rem 2rem;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center}.accordion-default tapita-accordion-item.active tapita-accordion-title{background-color:#0003;border-bottom-color:transparent}.accordion-default tapita-accordion-item:not(:last-child) tapita-accordion-data{border-bottom:1px solid rgba(0,0,0,.2)}.accordion-default tapita-accordion-data{padding:2rem}.accordion-default .accordion-caret{line-height:0}.accordion-default .accordion-caret svg{height:1.8rem}.accordion-default tapita-accordion-item.active .accordion-caret svg{transform:rotate(180deg)}html.open-modal,html.open-modal body{overflow:hidden}.modal-body_loading .loader-component{margin:5rem auto}tapita-modal-component{position:fixed;display:block;top:0;left:0;z-index:90;opacity:0;visibility:hidden;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;background-color:#0000004d}tapita-modal-component.fade{transition:.2s linear}tapita-modal-component.show{opacity:1!important;visibility:visible!important}tapita-modal-component tapita-modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.15);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);z-index:10}tapita-modal-component tapita-modal-header .modal-title{font-weight:700;font-size:1.6rem}tapita-modal-component tapita-modal-header .close-modal{color:inherit;cursor:pointer;width:3rem;height:3rem;background-color:#fff;border-radius:50%;border:none;padding:0;display:flex;align-items:center;justify-content:center;position:relative;margin:0 -10px}tapita-modal-component tapita-modal-header .close-modal svg{height:1.3rem}tapita-modal-component tapita-dont-show{position:relative;display:flex;align-items:center;gap:.6rem;cursor:pointer}tapita-modal-component tapita-dont-show:before{content:"";display:block;width:1.6rem;height:1.6rem;border:1px solid rgba(0,0,0,.2)}tapita-modal-component tapita-dont-show.active:before{box-shadow:0 0 0 3px #fff inset;background:#000}tapita-modal-component .modal-no-padding tapita-modal-body{padding:0}tapita-modal-component .modal-no-title tapita-modal-header{background:none;border:none;padding:0}tapita-modal-component .modal-no-title tapita-modal-header .close-modal{position:absolute;top:.5rem;right:1.5rem;z-index:5}tapita-modal-component tapita-modal-content{display:block}tapita-modal-component[data-position=content] tapita-modal-footer{padding:2rem;border-top:1px solid rgba(0,0,0,.15)}tapita-modal-component[data-position=content] tapita-modal-body{position:relative;flex:1 1 auto;padding:2rem}tapita-modal-component[data-position=content] tapita-modal-dialog{display:block;position:relative;width:auto;pointer-events:none;padding:0 1.5rem;margin:4rem auto;z-index:1055}tapita-modal-component[data-position=content].fade tapita-modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}tapita-modal-component[data-position=content].show tapita-modal-dialog{transform:none}tapita-modal-component[data-position=content] tapita-modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border-radius:.3rem;outline:0}tapita-modal-component[data-position=content] .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 8.5rem)}tapita-modal-component[data-position=right] tapita-modal-footer,tapita-modal-component[data-position=left] tapita-modal-footer{padding:2rem 4rem;border-top:1px solid rgba(0,0,0,.15)}tapita-modal-component[data-position=right] tapita-modal-header,tapita-modal-component[data-position=left] tapita-modal-header{padding:3.5rem 4rem 2rem;border-bottom:none}tapita-modal-component[data-position=right] tapita-modal-header .modal-title,tapita-modal-component[data-position=left] tapita-modal-header .modal-title{font-size:2.4rem;text-transform:uppercase;font-weight:700}tapita-modal-component[data-position=right] tapita-modal-dialog,tapita-modal-component[data-position=left] tapita-modal-dialog{background-color:#fff;position:fixed;width:100%}tapita-modal-component[data-position=left] tapita-modal-dialog,tapita-modal-component[data-position=right] tapita-modal-dialog{height:100%}tapita-modal-component[data-position=left] tapita-modal-dialog,tapita-modal-component[data-position=right] tapita-modal-dialog{transition:transform .2s ease-out}tapita-modal-component[data-position=right] tapita-modal-dialog{right:0;transform:translate(100%)}tapita-modal-component[data-position=left] tapita-modal-dialog{left:0;transform:translate(-100%)}tapita-modal-component[data-position=left].show tapita-modal-dialog,tapita-modal-component[data-position=right].show tapita-modal-dialog{transform:translate(0)}tapita-modal-component[data-position=left] tapita-modal-content,tapita-modal-component[data-position=right] tapita-modal-content{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;pointer-events:auto;background-clip:padding-box;outline:0}tapita-modal-component[data-position=left] tapita-modal-body,tapita-modal-component[data-position=right] tapita-modal-body{padding:1.5rem 4rem 4rem;flex:1 1 auto;overflow-y:auto}tapita-modal-component[data-position=top] tapita-modal-dialog,tapita-modal-component[data-position=bottom] tapita-modal-dialog{position:fixed;display:block;left:0;right:0;height:auto;max-height:95%;overflow-y:auto;padding-top:0;transition:.3s}tapita-modal-component[data-position=bottom] tapita-modal-dialog{min-height:68%;bottom:0;transform:translateY(100%)}tapita-modal-component[data-position=bottom].show tapita-modal-dialog{transform:translateY(0)}tapita-modal-component[data-position=top] tapita-modal-dialog{top:0;transform:translateY(-100%)}tapita-modal-component[data-position=top].show tapita-modal-dialog{transform:translateY(0)}tapita-modal-component[data-position=bottom] tapita-modal-header{position:sticky;top:0;left:0;right:0;border-bottom:none}tapita-modal-component[data-position=bottom] tapita-modal-header .modal-title{opacity:0}tapita-modal-component[data-position=top] tapita-modal-body,tapita-modal-component[data-position=bottom] tapita-modal-body{padding:2rem 0;display:block}.variants-modal{opacity:0;visibility:hidden;transition:.2s}.variants-modal.show{opacity:1;visibility:visible}@media screen and (min-width: 1024px){html.open-modal body{padding-right:15px}}@media screen and (max-width: 1024px){.modal-sidebar-mobile tapita-modal-header .modal-title{font-size:1.6rem!important}tapita-modal-component.modal-sidebar-mobile tapita-modal-header{padding:1rem 1.5rem}tapita-modal-component.modal-sidebar-mobile tapita-modal-body{padding:1.5rem}tapita-modal-component.modal-sidebar-mobile tapita-modal-footer{padding:1rem 1.5rem}tapita-modal-component.modal-sidebar-mobile tapita-modal-header .close-modal{margin:0}tapita-modal-component[data-position=top] tapita-modal-dialog,tapita-modal-component[data-position=bottom] tapita-modal-dialog{max-height:calc(100% - 100px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/tapita-components.css.map */