.support-level-tabs{margin:calc(var(--grid-desktop-vertical-spacing) * .75) 0 0 0}.support-level-tabs .custom-tabs{display:flex;justify-content:space-between;padding:0;width:100%;flex-wrap:wrap;margin:0}.support-level-tabs .custom-tabs .flex{margin:0;padding:0;flex:1}.support-level-tabs .custom-tab{min-width:12rem;text-align:center;padding:.8rem 2rem;font-weight:var(--font-body-weight-medium, 500);border-bottom:2px solid transparent;margin:0;width:100%;-webkit-tap-highlight-color:transparent;outline:none;transition:none;position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem}.support-level-tabs .custom-tab:focus{outline:none}.support-level-tabs .custom-tab--active{border-bottom:2px solid rgb(var(--color-button));color:rgb(var(--color-button));background-color:rgba(var(--color-button),.03)}.tab-checkmark{display:none;position:relative;width:2rem;height:2rem;border-radius:50%;background-color:rgba(var(--color-button),.1);flex-shrink:0}.tab-checkmark svg{width:1.2rem;height:1.2rem;stroke:currentColor;stroke-width:2.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.support-level-tabs .custom-tab--active .tab-checkmark{display:block}.support-level-content{margin-top:0;background-color:rgb(var(--color-background));border-radius:0 0 var(--inputs-radius) var(--inputs-radius)}.support-level-pane{display:none;opacity:0;transform:translateY(1rem)}.support-level-pane.active{display:block;opacity:1;transform:translateY(0);transition:opacity var(--duration-default) ease,transform var(--duration-default) var(--cubic-bezier-ease-out-slow)}.support-level-description{margin-bottom:0;color:rgba(var(--color-foreground),.75);text-align:left;font-size:1.5rem}.support-level-heading{font-size:1.5rem;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground));margin-bottom:.8rem}@media only screen and (min-width: 1100px){.support-level-heading{font-size:1.6rem}}.support-level-subheading{font-size:1.3rem;color:rgba(var(--color-foreground),.75);margin-top:0;margin-bottom:1.5rem;line-height:1.4}.support-level-options{display:flex;gap:.7rem;margin-bottom:2rem;margin-top:1rem}.support-level-option{padding:1rem 1.5rem 1.5rem;box-shadow:0 0 0 1px rgb(var(--color-foreground),.2);border-radius:var(--inputs-radius);transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease;position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;text-align:left}.support-level-option:hover{box-shadow:0 0 0 1px rgb(var(--color-button))}.support-level-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.support-level-option:has(input[type=checkbox]:checked){border-color:rgb(var(--color-button));box-shadow:0 0 0 1px rgb(var(--color-button));background-color:rgb(var(--color-button))}.support-level-option-icon-heading-wrapper{display:flex}.support-level-option-icon{display:flex;align-items:center;width:2.5rem;height:2.5rem;flex-shrink:0}.support-level-option-icon svg{width:1.5rem;height:1.5rem;stroke:rgb(var(--color-heading));transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.support-level-option-content{display:flex;flex-direction:column}.support-level-option-title{display:block;font-weight:var(--font-body-weight-bold);font-size:1.4rem;margin-bottom:.3rem;color:rgb(var(--color-heading));transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.support-level-option:has(input[type=checkbox]:checked) .support-level-option-title,.support-level-option:has(input[type=checkbox]:checked) .support-level-option-description,.support-level-option:has(input[type=checkbox]:checked) .support-level-option-price{color:rgb(var(--color-button-text))}.support-level-option:has(input[type=checkbox]:checked) .support-level-option-icon svg{stroke:rgb(var(--color-button-text))}.support-level-option-description{display:block;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.3;transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.support-level-option-price{display:block;font-size:1.2rem;font-weight:var(--font-body-weight-medium, 500);margin-top:.5rem;text-align:right}.support-level-upload-options{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:0;margin-bottom:3rem}.support-level-upload-option{flex:1;min-width:220px;padding:1.2rem 1rem;box-shadow:0 0 0 1px rgb(var(--color-foreground),.2);border-radius:var(--inputs-radius);transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:unset}.support-level-upload-option:hover{box-shadow:0 0 0 1px rgb(var(--color-button));background-color:var(--gradient-background)}.support-level-upload-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.support-level-upload-option input[type=radio]:checked+.support-level-upload-option-icon{background-color:rgba(var(--color-button),.1)}.support-level-upload-option input[type=radio]:checked+.support-level-upload-option-icon svg{stroke:rgb(var(--color-button))}.support-level-upload-option:has(input[type=radio]:checked){box-shadow:0 0 0 2px rgb(var(--color-button));background-color:var(--gradient-background)}.support-level-upload-option span{display:block;margin-top:.75rem;width:100%;line-height:1.3;padding:0 .5rem;font-size:1.3rem}.support-level-upload-option-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:rgba(var(--color-foreground),.05);margin-bottom:.5rem;transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.support-level-upload-option-icon svg{width:1.5rem;height:1.5rem;stroke:rgba(var(--color-foreground),.6);transition:box-shadow var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.product-request-form__content{padding:2.5rem}.product-request-form__actions{display:flex;justify-content:center;margin-top:2rem}.comment-field-container{margin-bottom:1.5rem;width:100%}.comment-field-label{display:block;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.comment-field{width:100%;padding:.75rem;box-shadow:0 0 0 1px rgb(var(--color-foreground),.2);border-radius:var(--inputs-radius);font-family:inherit;min-height:10rem;transition:box-shadow var(--duration-default) ease;resize:none;background:rgb(var(--color-background));border:none;padding:2rem}.comment-field:hover{box-shadow:0 0 0 1px rgb(var(--color-heading))}.comment-field:focus{box-shadow:0 0 0 2px rgb(var(--color-heading))}.comment-field::placeholder{color:rgba(var(--color-foreground),.75)}.file-upload{width:100%;margin-bottom:2rem}.file-upload-wrapper{position:relative;border:2px dashed rgb(var(--color-heading));border-radius:var(--inputs-radius);padding:2.5rem;text-align:center;transition:all var(--duration-default) ease;border-radius:20px;background-color:unset}.file-upload-wrapper:hover,.file-upload-wrapper:focus-within{border-color:rgb(var(--color-button));background-color:var(--gradient-background)}.file-upload__input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.file-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.file-upload__text-wrapper{display:flex;flex-direction:column;width:100%;align-items:center}.file-upload__heading-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.8rem}.file-upload__placeholder-icon{width:2.4rem;height:2.4rem;color:rgb(var(--color-heading));transition:all var(--duration-default) ease;flex-shrink:0}.file-upload-wrapper:hover .file-upload__placeholder-icon,.file-upload-wrapper:focus-within .file-upload__placeholder-icon,.file-upload-wrapper:hover .file-upload__placeholder-text,.file-upload-wrapper:focus-within .file-upload__placeholder-text,.file-upload-wrapper:hover .file-upload__help,.file-upload-wrapper:focus-within .file-upload__help{color:rgb(var(--color-button))}.file-upload__text{display:flex;flex-direction:column;gap:.8rem;flex:1;align-items:center;text-align:center}.file-upload__placeholder-text{font-size:2rem;font-weight:var(--font-body-weight-medium, 500);color:rgb(var(--color-heading));margin:0;transition:all var(--duration-default) ease}.file-upload__sublabel-text{font-size:1.2rem;color:rgba(var(--color-foreground),.75);margin:0}.file-upload__help{margin-top:0;color:rgb(var(--color-heading));font-size:1.2rem;transition:all var(--duration-default) ease}.file-upload__files{margin-top:1.2rem;display:flex;flex-direction:column;gap:.6rem}.file-upload__info{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background-color:rgb(var(--color-button));border-radius:var(--inputs-radius);transition:all var(--duration-default) ease}.file-upload__file-info{display:flex;flex-direction:row;align-items:center;gap:.8rem;flex:1;min-width:0;overflow:hidden}.file-upload__name{font-size:1.3rem;color:rgb(var(--color-button-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.file-upload__size{font-size:1.1rem;color:rgb(var(--color-button-text));white-space:nowrap}.file-upload__remove{background:none;border:none;padding:.4rem;cursor:pointer;color:rgb(var(--color-button));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--duration-default) ease;flex-shrink:0;margin-left:.5rem}.file-upload__remove svg{width:2.2rem;height:2.2rem;color:rgb(var(--color-button-text))}.file-upload__progress{height:.3rem;background-color:rgba(var(--color-foreground),.1);border-radius:.15rem;margin-top:.8rem;overflow:hidden}.file-upload__progress-bar{height:100%;background-color:rgb(var(--color-button));width:0;transition:width .3s ease}.file-upload__status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:1.2rem}.file-upload__status--success{color:rgb(var(--color-success))}.file-upload__status--error{gap:1rem;padding:1rem 1.5rem;justify-content:center;background-color:var(--gradient-background);border:1px solid rgb(var(--color-button));border-radius:var(--inputs-radius)}.upload-later-info{display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 0;padding:1rem 1.5rem;background-color:var(--gradient-background);border:1px solid rgb(var(--color-button));border-radius:var(--inputs-radius)}.upload-later-info .icon-error,.file-upload__status--error .icon-error{flex-shrink:0;width:2rem;height:2rem;color:rgb(var(--color-button))}.upload-later-info span{margin:0;font-weight:500;line-height:1.4;color:rgb(var(--color-button))}.form-status-message{display:flex;align-items:center;gap:1rem}@media screen and (max-width: 749px){.support-level-tabs{margin:calc(var(--grid-mobile-vertical-spacing) * .75) 0 0 0}.support-level-tabs .custom-tabs{flex-direction:column;flex-wrap:nowrap;border-bottom:none;justify-content:center;gap:.8rem;width:100%}.support-level-tabs .custom-tabs .flex{flex:0 1 auto;margin:0;width:100%}.support-level-tabs .custom-tab{min-width:100%;padding:1rem 4.5rem 1rem 1.5rem;border-bottom:none;border:1px solid rgba(var(--color-foreground),.08);margin-bottom:0;border-radius:var(--inputs-radius);font-size:1.4rem;white-space:nowrap;transition:all .2s ease;display:flex;justify-content:flex-start;align-items:center}.support-level-tabs .custom-tab--active{border:1px solid rgb(var(--color-button));background-color:rgba(var(--color-button),.05);box-shadow:0 2px 4px #0000000d}.support-level-content{margin-top:1.5rem;padding:calc(var(--grid-mobile-vertical-spacing) * .5);border-radius:var(--inputs-radius);background-color:rgba(var(--color-foreground),.02)}.support-level-options{gap:.8rem;margin-bottom:1.5rem;flex-direction:column}.support-level-upload-options{flex-direction:column;gap:1rem;margin-top:0;margin-bottom:1.25rem}.support-level-upload-option{min-width:100%;padding:1rem .8rem}.margin-top{margin-top:var(--grid-mobile-vertical-spacing)}.tab-checkmark{width:2.2rem;height:2.2rem;margin-left:auto}.tab-checkmark svg{width:1.4rem;height:1.4rem}.file-upload-wrapper{padding:1.8rem}.file-upload__placeholder-icon{width:2rem;height:2rem}.file-upload__placeholder-text{font-size:1.6rem}.file-upload__sublabel-text{font-size:1.1rem}.file-upload__info{padding:.6rem .8rem}.file-upload__name{font-size:1.2rem;max-width:60%}.file-upload__size{font-size:1rem}.file-upload__remove svg{width:1.2rem;height:1.2rem}.upload-later-info{padding:1rem;margin:1rem 0}.upload-later-info__icon{width:1.8rem;height:1.8rem}.upload-later-info__text{font-size:1.3rem}}@media (prefers-reduced-motion){.support-level-pane.active{transition:none}.support-level-upload-option:hover{transform:none}}.file-upload-wrapper.is-dragging{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}#confirm-upload-option.is-loading{position:relative;color:transparent;pointer-events:none}#confirm-upload-option.is-loading .button-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;color:rgb(var(--color-button-text));white-space:nowrap}#confirm-upload-option.is-loading .icon-spinner{animation:spin 1s linear infinite;width:1.8rem;height:1.8rem;stroke:rgb(var(--color-button-text));stroke-width:2.5;flex-shrink:0}#confirm-upload-option.is-loading .button-loading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-support-level.css.map */