.cursist-drawer-bg{display:none}cursist-drawer.active+.cursist-drawer-bg{background-color:rgba(var(--color-foreground),.25);display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.cursist-drawer{--cursist-drawer-pad: 2.4rem;--cursist-drawer-card-bg: rgba(var(--color-button), .08);--cursist-drawer-radius: 1.2rem;--cursist-drawer-input-radius: .6rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));position:fixed;right:0;top:0;bottom:0;transform:translate(100%);visibility:hidden;width:60rem;max-width:100%;z-index:100;display:none;grid-template-columns:100%;grid-template-rows:1fr auto;box-shadow:-.2rem 0 .5rem rgba(var(--color-button),.05),-.6rem 0 1.6rem rgba(var(--color-button),.07),-2.4rem 0 8rem rgba(var(--color-button),.1)}@media screen and (max-width:749px){.cursist-drawer{--cursist-drawer-pad: 1.6rem;top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;height:80vh;max-height:80vh;transform:translateY(100%);border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -.2rem .5rem rgba(var(--color-button),.05),0 -.6rem 1.6rem rgba(var(--color-button),.07),0 -2.4rem 8rem rgba(var(--color-button),.1)}.cursist-drawer.active{transform:translateY(0)}}.cursist-drawer.animate{display:grid;transition:transform var(--duration-short) ease,visibility 0s var(--duration-short) ease}.cursist-drawer.active{transform:translate(0);visibility:visible;transition:transform var(--duration-default) ease,visibility 0s}.cursist-drawer__body{overflow-y:auto;overflow-x:hidden;padding:var(--cursist-drawer-pad);display:flex;flex-direction:column;gap:1.6rem}.cursist-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.cursist-drawer__heading .h2{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:2.8rem;line-height:1}.cursist-drawer__product-title{margin:.4rem 0 0;color:rgb(var(--color-foreground));opacity:.5;font-size:1.6rem;line-height:normal}.cursist-drawer__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin-top:.2rem;color:rgb(var(--color-foreground))}.cursist-drawer__close .icon{width:1.6rem;height:1.6rem}.cursist-drawer__intro{margin:0;font-size:1.6rem;line-height:1}.cursist-drawer__form{display:flex;flex-direction:column;flex:1}.cursist-drawer__list{display:flex;flex-direction:column;gap:1.6rem}.cursist-drawer__item{background-color:var(--cursist-drawer-card-bg);border:0;border-radius:var(--cursist-drawer-radius);overflow:hidden}.cursist-drawer__summary{list-style:none;display:flex;align-items:flex-start;gap:1rem;padding:1.6rem;cursor:pointer}.cursist-drawer__summary::-webkit-details-marker{display:none}.cursist-drawer__badge{width:4rem;height:4rem;border-radius:100%;background-color:rgb(var(--color-background));border:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.6rem;font-weight:400;line-height:1;color:rgb(var(--color-button))}.cursist-drawer__item--complete .cursist-drawer__badge{background-color:rgb(var(--color-background));color:rgb(var(--color-button))}.cursist-drawer__badge-check{display:none;align-items:center;justify-content:center}.cursist-drawer__item--complete .cursist-drawer__badge-check{display:inline-flex}.cursist-drawer__item--complete .cursist-drawer__badge-number{display:none}.cursist-drawer__badge-check .icon{width:1.4rem;height:1.4rem;color:rgb(var(--color-button))}.cursist-drawer__summary-text{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0;padding-top:.2rem}.cursist-drawer__summary-title{font-weight:400;font-size:2.1rem;line-height:1}.cursist-drawer__summary-meta{color:rgb(var(--color-foreground));opacity:.5;font-size:1.2rem;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursist-drawer__caret{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-top:.3rem;flex-shrink:0;transition:transform var(--duration-short) ease}.cursist-drawer__item[open] .cursist-drawer__caret{transform:rotate(180deg)}.cursist-drawer__caret .icon{width:1.6rem;height:1.6rem}.cursist-drawer__fields{display:flex;flex-direction:column;gap:1.6rem;padding:0 1.6rem 1.6rem}.cursist-drawer__fields-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}@media screen and (max-width:749px){.cursist-drawer__fields-row{grid-template-columns:1fr}}.cursist-drawer__field{display:flex;flex-direction:column;gap:.8rem;width:100%}.cursist-drawer__field-label{font-size:1.2rem;line-height:1;color:rgb(var(--color-foreground))}.cursist-drawer--required .cursist-drawer__field-label:after{content:" *"}.cursist-drawer__field-input{-webkit-appearance:none;appearance:none;width:100%;height:4rem;padding:0 1.6rem;box-sizing:border-box;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:0;border-radius:var(--cursist-drawer-input-radius);box-shadow:none;font-size:1.4rem;line-height:1}.cursist-drawer__field-input::placeholder{color:rgb(var(--color-foreground));opacity:.4}.cursist-drawer__field-input:focus{outline:.1rem solid rgba(var(--color-button),.4);outline-offset:0}.cursist-drawer__field-input.is-invalid{outline:.1rem solid rgb(var(--color-button))}.cursist-drawer__footer{padding:2.4rem var(--cursist-drawer-pad) var(--cursist-drawer-pad);border-top:.1rem solid rgba(var(--color-foreground),.1);display:flex;flex-direction:column;gap:1.6rem}.cursist-drawer__progress-text{margin:0 0 .8rem;font-size:1.6rem;line-height:1;color:rgb(var(--color-foreground))}.cursist-drawer__progress-bar{height:.4rem;border-radius:5rem;background-color:var(--cursist-drawer-card-bg);overflow:hidden}.cursist-drawer__progress-fill{display:block;height:100%;background-color:rgb(var(--color-button));border-radius:5rem;transition:width var(--duration-short) ease}.cursist-drawer__footer .button{min-height:4.4rem}.cursist-drawer__footer .button.loading>span,.cursist-drawer__footer .button.loading>.icon{opacity:0}.cursist-drawer__footer .button .loading-overlay__spinner{position:absolute}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-cursist-drawer.css.map */