body.loading::before,
.step1.loading::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff80;background-position: center;background-repeat: no-repeat;background-size: 60px;background-image: url('/sysimages/ajax-loader.gif');z-index: 999;}

.step1.loading::before{position: absolute;background-color: var(--color-white);}

#pag-pers{display: none;background-color: var(--color-white);}
.openPersonalizacao #pag-pers{display: block;position: fixed;top: var(--notification-bar-height);width: 100%;left: 0;height: 100%;z-index: 500;}
.openPersonalizacao:not(.MacOS) #pag-pers{width: calc(100% - var(--container-scrollbar-width));}
#pag-pers .content-header{min-height: 64px;}

/* Fake Header */
#pag-pers .close-window{display: flex;align-items: center;gap: 6px;max-width: 80px;cursor: pointer;}
#pag-pers .close-window .rdc-icon-close{width: 24px;height: 24px;}
#pag-pers .left-header,
#pag-pers .right-header{flex: 1;}
#pag-pers .wrapper-finish-button{max-width: 220px;float: right;width: 100%;}

/* Content */
#pag-pers .wrapper-pers-content{height: calc(100% - (63px + var(--notification-bar-height) + var(--wg-bar-height)));display: flex;position: relative;}
#pag-pers #rdc-productdetail-area-a{width: 100% !important;}
#pag-pers .slim-scrollbar::-webkit-scrollbar {width: 0 !important;height: 0 !important;}
#pag-pers #product-detail-area-a{overflow: hidden;overflow-y: auto;height: 100%;flex: 1;}
#pag-pers .area-right-pers{max-width: 636px;flex: 1;display: flex;flex-direction: column;position: relative;height: 100%;}
#pag-pers .wrapper-options-pers{flex-shrink: 1;overflow: hidden;/*padding: 40px 0px 0;*/height: 100%;position: relative;}
#pag-pers .form-message{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 40px;z-index: 1;}
#pag-pers .wrapper-info{overflow: hidden;flex: 1;overflow-y: auto;padding-left: 40px;padding-right: 23px;margin-right: 9px;padding-bottom: 15px;padding-top: 2px;display: flex;flex-direction: column;gap: 10px;}
#pag-pers .wrapper-info.rdc-overlay-login-iframe{padding-top: 15px;}
#pag-pers .wrapper-page,
#pag-pers .wrapper-page-content{height: 100%;display: flex;flex-direction: column;}
#pag-pers .pers-holder{flex: 1;display: flex;flex-direction: column;position: relative;}
#pag-pers .pers-holder,
#pag-pers .step{height: 100%;}
#pag-pers .step:not(.step3, .step4, .step5){padding-top: 40px;}


/* Tabs */
.tabs-container-fabric:not(.vertical) .tabs-fabric,
.tabs-container-categoria:not(.vertical) .tabs-categoria{margin-bottom: 0;gap: 0;border: 1px solid var(--color-lines);display: flex;align-items: center;}
.tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) li,
.tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) li{flex: 1;margin: 0;}
.tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .tabs-fabric-item,
.tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) .tabs-categoria-item{border: 0;border-radius: 0;width: 100%;min-height: 45px;color: #444147;}

.MacOS .tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .tabs-fabric-item,
.MacOS .tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) .tabs-categoria-item{padding-top: 7px;padding-bottom: 9px;}

.tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .sel .tabs-fabric-item,
.tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) .sel .tabs-categoria-item{font-weight: 600;color: var(--color-dark);background-color: var(--color-background);}
.tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .end .tabs-fabric-item,
.tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) .end .tabs-categoria-item{font-weight: 600;color: var(--color-theme);}
.tabs-container-fabric:not(.vertical) .tabs-content-fabric .tab-fabric,
.tabs-container-categoria:not(.vertical) .tabs-content-categoria .tab-categoria{overflow: hidden;overflow-y: auto;padding: 0;height: 100%;}
.tabs-content-fabric,
.tabs-content-categoria{overflow: hidden;flex: 1;}
#pag-pers .area-right-pers .slim-scrollbar::-webkit-scrollbar,
#pag-pers .area-right-pers .slim-scrollbar::-webkit-scrollbar {width: 8px !important;height: 8px !important;}
#pag-pers .wrapper-options-content .form-field{max-width: 556px;margin: 0;padding-left: 0;padding-right: 0;display: flex;flex-direction: column;gap: 10px;}

#pag-pers .tab-categoria .field-content{position: relative;}
#pag-pers .tab-categoria .info-value{position: absolute;right: 14px;top: 50%;transform: translateY(-50%);}
#pag-pers .tab-categoria .info-value small{font-size: 12px;color: var(--color-gray);}
#pag-pers .tab-categoria #Iniciais_name{padding-right: 50px;}
#pag-pers .wrapper-input-initial{padding: 20px 12px 20px 6px;}

.tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .error .tabs-fabric-item{color: var(--color-error);}

.tabs-container-categoria:not(.vertical) .tabs-categoria.only-tabs-categoria{border: 0;}
.tabs-container-categoria .tabs-categoria.only-tabs-categoria:not(.rdc-fixed-styles) .sel .tabs-categoria-item{background-color: var(--color-white);}
.tabs-container-categoria .tabs-categoria.only-tabs-categoria:not(.rdc-fixed-styles) .tabs-categoria-item{cursor: default;padding-left: 30px;padding-right: 30px;min-height: 47px;justify-content: flex-start;}

/* Label option */
.wrapper-options-content .wrapper-content-option{outline: 1px solid transparent;box-shadow: 0px 0px 0px 2px transparent;-webkit-box-shadow: 0px 0px 0px 2px transparent;-moz-box-shadow: 0px 0px 0px 2px transparent;display: flex;align-items: center;gap: 20px;padding: 6px 12px 6px 6px;cursor: pointer;min-height: 70px;width: 100%;}
.wrapper-options-content input:checked + .wrapper-content-option,
.wrapper-options-content label.active .wrapper-content-option{box-shadow: 0px 0px 0px 2px var(--color-theme);-webkit-box-shadow: 0px 0px 0px 2px var(--color-theme);-moz-box-shadow: 0px 0px 0px 2px var(--color-theme);outline-color: var(--color-theme);}
.wrapper-options-content label.selected{order: -1;}
.wrapper-options-content .img-option{line-height: 0;}
.wrapper-options-content .img-option img{height: 94px;object-fit: cover;}
.wrapper-options-content .text-option{flex: 1;}
.wrapper-options-content label .field-content{padding: 1px;}
.wrapper-options-content .wrapper-content-option .rdc-icon-svg{width: 20px;height: 20px;}
.wrapper-options-content .error .wrapper-content-option{border-color: var(--color-error);}
/*.wrapper-options-content .error .text-option p{color: var(--color-error);}*/

.wrapper-options-content .only-categoria .wrapper-content-option{padding: 6px 30px;}

/* Resumo */
#pag-pers .wrapper-title{display: flex;align-items: center;justify-content: center;min-height: 47px;margin-left: 40px;margin-right: 40px;}
#pag-pers .wrapper-edit .rdc-icon-svg{width: 26px;height: 26px;border-radius: 100%;background-color: var(--color-background);}
#pag-pers .wrapper-edit .tab-resume{width: 26px;height: 26px;border-radius: 100%;background-color: var(--color-background);}
#pag-pers .wrapper-content-info{display: flex;flex: 1;gap: 20px;align-items: center;}
#pag-pers .select-option{margin-left: 2px;}

/* Sizes */
#pag-pers .icon-back{display: flex;align-items: center;min-height: 64px;padding: 0 24px;justify-content: space-between;}
#pag-pers .back,
#pag-pers .close-panel{height: 100%;align-content: center;cursor: pointer;}
#pag-pers .icon-back .rdc-icon-svg{width: 28px;height: 28px;}
#pag-pers .rdc-button-item-size.label-box {display: flex;width: 100%;}
#pag-pers .rdc-button-item-size input {display: none;}
#pag-pers .rdc-button-item-size label {display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-lines);border-radius: var(--input-border-radius);line-height: 100%;white-space: nowrap;width: 100%;min-height: 42px;min-width: 50px;padding: 2px 5px;position: relative;z-index: 0;user-select: none;cursor: pointer;}
#pag-pers .rdc-button-item-size label::after {content: '';position: absolute;top: -1px;left: -1px;width: calc(100% - 2px);height: calc(100% - 2px);border: 2px solid transparent;}
#pag-pers .rdc-button-item-size input:checked + label:not(.stock-alert-no-style),
#pag-pers .rdc-button-item-size input:checked + label:not(.stock-alert-no-style)::after {border-color: var(--color-theme);z-index: 1;color: var(--color-theme);}
#pag-pers .rdc-button-item-size:not(.disabled) input[disabled] + label,
#pag-pers .rdc-button-item-size.disabled input[disabled] + label {cursor: no-drop;}
#pag-pers .rdc-button-item-size label .rdc-icon-svg:not(.hidden) {width: 16px;height: 16px;margin-left: 0;display: block;background-size: 20px;}
#pag-pers .rdc-button-item-size label .rdc-icon-svg.hidden {display: none;}
#pag-pers .rdc-button-item-size input[disabled] + label,
#pag-pers .rdc-button-item-size label.disabled {background-color: var(--color-background);border: 0;}
#pag-pers .rdc-button-item-size label .last-units {position: absolute;right: 3px;bottom: 4px;line-height: 100%;}
#pag-pers .rdc-button-item-size label .rdc-icon-svg {position: absolute;right: 3px;bottom: 1px;line-height: 100%;}

#pag-pers .wrapper-created-button{width: 100%;display: flex;justify-content: center;align-items: center;}
#pag-pers .wrapper-created-button .wrapper-link-sizeguide{flex: 50%;}

@media (hover) {
    #pag-pers .rdc-button-item-size input:not(:disabled) + label:hover,
    #pag-pers .rdc-button-item-size input:not(:disabled) + label:hover::after {border-color: var(--color-theme);z-index: 10;color: var(--color-theme);}

    .tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) li:not(.sel) .tabs-fabric-item:hover, 
    .tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) li:not(.sel) .tabs-categoria-item:hover{font-weight: 600;color: var(--color-black);}
}

.modal-variants-pers-body-item.disabled {pointer-events: none;position: relative;}
.modal-variants-pers-body-item.disabled .rdc-button-item-size-container {opacity: 0.5;}
.modal-variants-pers-body-item.disabled::after {content: '';position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;}


#pag-pers .rdc-button-item-size.label-box label {width: 100%;flex: 1;}
#pag-pers .modal-variants-pers-body.wrapper-table-body:not(.only-column, .two-column) {display: grid;grid-template-columns: repeat(1, 1fr);min-height: 42px;align-items: center;justify-items: center;gap: 12px;}
#pag-pers .modal-variants-pers-body.wrapper-table-body.only-column {display: flex;min-height: 42px;flex-wrap: wrap;justify-content: center;align-items: center;gap: 12px;}
#pag-pers .modal-variants-pers-body.wrapper-table-body.two-column{display: grid;grid-template-columns: repeat(1, 1fr);min-height: 42px;justify-content: center;align-items: center;gap: 12px;}
#pag-pers .modal-variants-pers-body:not(.only-column, .two-column) .wrapper-label{display: grid;grid-template-columns: repeat(3, 1fr);min-height: 42px;align-items: center;justify-items: center;width: 100%;gap: 12px;}
#pag-pers .modal-variants-pers-body.only-column .wrapper-label,
#pag-pers .modal-variants-pers-body.two-column .wrapper-label{display: flex;min-height: 42px;flex-wrap: wrap;justify-content: center;align-items: center;max-width: 130px;width: 100%;}
#pag-pers .modal-variants-pers-body.two-column .wrapper-label{flex-direction: row;gap: 12px;max-width: none;}
#pag-pers .modal-variants-pers-body.two-column .rdc-button-item-size.label-box{width: 100%;max-width: 130px;}


@media screen and (min-width: 992px) {
    #pag-pers .rdc-button-item-size-container:not(.wrapper-table-body) {display: flex;grid-gap: 12px;flex-wrap: wrap;align-items: center;justify-content: center;}
    #pag-pers .rdc-button-item-size:not(.label-box) label {min-width: 130px;flex: 1;max-width: 130px;}
}

@media screen and (max-width: 991px) {
    #pag-pers .rdc-button-item-size-container:not(.wrapper-table-body){display: flex;grid-gap: 10px;flex-wrap: wrap;align-items: center;justify-content: center;}
    #pag-pers .rdc-button-item-size-container:not(.wrapper-table-body) .rdc-popup-variants-pers-item{flex-basis: calc(50% - 5px);}
}

@media screen and (max-width: 767px) {
    .help-content video {width: 100% !important;height: auto !important;}
}

/* Info Created */
#pag-pers .content-created{text-align: center;justify-content: center;align-items: center;gap: 60px;}
#pag-pers .icon-wraning .rdc-icon-svg{width: 52px;height: 52px;}
#pag-pers .create-info{justify-content: center;align-items: center;display: flex;flex-direction: column;gap: 20px;}
#pag-pers .wrapper-button-created{width: 100%;max-width: 388px;display: flex;flex-direction: column;gap: 15px;}

/* Label Profiles */
#pag-pers .wrapper-info-pers{flex: 1;padding-left: 52px;display: flex;align-items: center;justify-content: space-between;}
.wrapper-options-content .wrapper-content-option::before{left: 12px;width: 26px;height: 26px;}
.wrapper-options-content .wrapper-content-option::after{left: 20px;width: 12px;height: 12px;}
.wrapper-options-content .label-box.wrapper-content-option .rdc-icon-svg{width: 26px;height: 26px;}
.wrapper-options-content .label-box.wrapper-content-option .rdc-icon-edit{background-size: 100%;}
#pag-pers .label-icons{display: flex;gap: 12px;}

/* Profiles */
#pag-pers .wrapper-title-profiles.wrapper-title{flex-direction: column;gap: 20px;}
#pag-pers .wrapper-title-profiles .icon-passport{
    filter: brightness(0) saturate(100%) invert(25%) sepia(44%) saturate(666%) hue-rotate(333deg) brightness(94%) contrast(91%);
    width: 52px;height: 52px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M16 23.18c-1.386.001-2.729.23-4.029.685-1.304.458-2.525 1.161-3.664 2.11v.692H16V28H6.666V4h18.667v11.072c-.243.042-.48.1-.707.175l-.007.002a4.575 4.575 0 0 0-.62.254V5.333H8v19.18a13.771 13.771 0 0 1 3.7-1.966c1.334-.467 2.767-.7 4.3-.7.418 0 .827.017 1.23.051L16 23.121v.059Z'/%3E%3Cpath fill-rule='evenodd' d='M18.838 17.608c-.774.774-1.72 1.161-2.839 1.161-1.118 0-2.064-.387-2.838-1.161s-1.162-1.72-1.162-2.839c0-1.118.387-2.064 1.162-2.838.774-.775 1.72-1.162 2.838-1.162 1.119 0 2.065.387 2.839 1.162.774.774 1.161 1.72 1.161 2.838 0 1.119-.387 2.065-1.161 2.839Zm-4.717-.96c.526.525 1.152.788 1.878.788.728 0 1.354-.262 1.879-.788.525-.526.788-1.152.788-1.879 0-.726-.263-1.352-.788-1.878-.526-.526-1.152-.788-1.879-.788-.726 0-1.352.262-1.878.788-.526.526-.788 1.152-.788 1.878 0 .727.262 1.353.788 1.879Z' clip-rule='evenodd'/%3E%3Cpath d='M18.973 28v-2.947l7.112-7.076c.131-.131.268-.22.409-.266a1.25 1.25 0 0 1 .872.016c.151.058.284.144.397.258l1.234 1.259c.109.132.192.268.249.41a1.116 1.116 0 0 1 .005.855 1.359 1.359 0 0 1-.254.414L21.919 28h-2.946Zm1.181-1.179h1.267l4.622-4.632-.626-.633-.607-.65-4.656 4.647v1.268Zm5.263-5.265-.607-.65 1.233 1.283-.626-.633Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Passports */
/* #pag-pers .step7 .wrapper-title-profiles{text-align: center;} */
#pag-pers .step7 .wrapper-popup-body,
#pag-pers .step7 .wrapper-popup-body form{height: 100%;}
#pag-pers .step7 .unitMeadures .uni{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;}
#pag-pers .step7 .checkbox-switch{display: flex;align-items: center;gap: 8px;width: 100%;max-width: 115px;padding-left: 6px;min-height: 43px;}
#pag-pers .step7 .checkbox-switch label{width: 44px;background-color: var(--color-black);}
#pag-pers .step7 .checkbox-switch label:active:after{width: calc(100% - 6px);}
#pag-pers .step7 .checkbox-switch input:checked + label{background-color: var(--color-black);}
#pag-pers .step7 .form-field{padding-left: 12px;padding-right: 12px;}
#pag-pers .step7 .form-field-wrapper{margin-bottom: 35px;}
#pag-pers .step7 .info-value{position: absolute;top: 50%;transform: translateY(-50%);right: 12px;}
#pag-pers .step7 .field-content{position: relative;padding: 0;}
#pag-pers .step7 .wrapper-form-meadures .label-title{padding-bottom: 0;}
#pag-pers .step7 .input-content{position: relative;}
#pag-pers .step7 .help-med .rdc-icon-svg{width: 18px;height: 18px;}
#pag-pers .step7 .help-med{min-height: 43px;display: flex;align-items: center;cursor: pointer;}
#pag-pers .step7 .form-input-field{display: flex;align-items: flex-end;gap: 12px;padding-left: 0;padding-right: 0;}
#pag-pers .step7 .wrapper-formate .label-title{padding-bottom: 6px;}

#pag-pers .step7 .wrapper-form{padding-bottom: 20px;}

#pag-pers .step7 .wrapper-options-content{display: flex;align-items: center;flex-wrap: wrap;gap: 12px;}
#pag-pers .step7 .wrapper-options-content label{flex-basis: calc((100% / 3) - 8px);}
#pag-pers .step7 .wrapper-content-option{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 9px;outline: 1px solid var(--color-lines);padding: 13px 13px 6px;position: relative;cursor: pointer;}
#pag-pers .step7 .img-option{line-height: 0;}

#pag-pers .step7 .wrapper-form-my-meadures {display: flex;flex-direction: column;gap: 11px;margin-top: 4px;}
#pag-pers .step7 .wrapper-form-my-meadures .unitMeadures .uni{justify-content: center;}
#pag-pers .step7 .wrapper-options-meadures{padding-left: 12px;padding-right: 12px;}
#pag-pers .step7 .options-meadures{display: flex;align-items: center;gap: 24px;}
#pag-pers .step7 .info-option{display: flex;align-items: center;flex: 1;gap: 8px;}
#pag-pers .step7 .ajust-med{display: flex;align-items: center;width: 100%;max-width: 200px;position: relative;}
#pag-pers .step7 .ajust-med input{text-align: center;padding-left: 44px;padding-right: 44px;width: 100%;}
#pag-pers .step7 .wrapper-check-med{width: 100%;max-width: 26px;visibility: hidden;background-color: var(--color-background);border-radius: 100%;cursor: pointer;}
#pag-pers .step7 .wrapper-check-med.no-validate{visibility: visible;}
#pag-pers .step7 .icon-check-med{width: 26px;height: 26px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%233f9c35' d='m13.124 23.816 12.792-12.792L24.5 9.608 13.124 20.984l-5.7-5.7L6.008 16.7z'/%3E%3C/svg%3E");}
#pag-pers .step7 .ajust-med .input_nav{width: 40px;height: 40px;background-size: 20px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;cursor: pointer;}
#pag-pers .step7 .ajust-med .input_nav.disabled{opacity: 0.5;cursor: no-drop;}
#pag-pers .step7 .ajust-med .rdc-input-nav-minus{left: 4px;}
#pag-pers .step7 .ajust-med .rdc-input-nav-plus{right: 4px;}
#pag-pers .step7 .wrapper-form-my-meadures .form-field{margin-bottom: 0;}

#pag-pers .step7 .wrapper-med-content{display: flex;align-items: flex-end;padding-left: 12px;padding-right: 12px;gap: 24px;}
#pag-pers .step7 .wrapper-med-content .options-meadures{flex-direction: column;gap: 0;}
#pag-pers .step7 .wrapper-med-content .wrapper-options-meadures{padding-left: 0;padding-right: 0;flex: 1;}
#pag-pers .step7 .wrapper-med-content .label-title{padding-bottom: 0;width: 100%;}
#pag-pers .step7 .wrapper-med-content .field-content{width: 100%;}
#pag-pers .step7 .wrapper-med-content .ajust-med{max-width: none;}
#pag-pers .step7 .wrapper-med-content .uni.ajust-med{padding-left: 32px;padding-right: 32px;}
#pag-pers .step7 .wrapper-med-content .ajust-med input{padding-left: 49px;padding-right: 49px;}
#pag-pers .step7 .wrapper-med-content .checkbox-switch{padding-left: 0;padding-right: 0;min-width: 96px;justify-content: center;}
#pag-pers .step7 .wrapper-help-content{margin-bottom: 58px;}
#pag-pers .step7 .form-field:last-child,
#pag-pers .step7 .formates .form-field:last-child{margin-bottom: 0;}

#pag-pers .step7 .wrapper-delete-content{display: flex;height: 100%;}
#pag-pers .step7 .wrapper-delete{display: flex;flex-direction: column;gap: 24px;text-align: center;justify-content: center;}
#pag-pers .step7 .rdc-icon-warning{width: 52px;height: 52px;margin: auto;}
.handle-bar{display: none;}

@media (hover) {
    #pag-pers .step7 .wrapper-check-med:hover{background-color: var(--color-white);}
}

/* Message */
.wrapper-message{position: absolute;padding-bottom: 0;top: 0;width: 100%;height: 100%;background-color: white;z-index: 1;display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: center;text-align: center;}
.wrapper-message .rdc-modal-icon{width: 52px;height: 52px;}
.wrapper-message .rdc-modal-loading{position: relative;} 
.wrapper-message .rdc-modal-loading::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='64' height='64' version='1.0' viewBox='0 0 128 128'%3E%3Cg%3E%3Cpath d='M59.6 0h8v40h-8V0z'/%3E%3Cpath fill='%23ccc' d='m92.19 6.374 6.928 4-20 34.641-6.929-4 20-34.64zm25.036 21.816 4 6.928-34.641 20-4-6.929 34.64-20zM128 59.6v8H88v-8h40zm-6.374 32.59-4 6.928-34.641-20 4-6.929 34.64 20z'/%3E%3Cpath fill='%23b2b2b2' d='m99.81 117.226-6.928 4-20-34.641 6.929-4 20 34.64z'/%3E%3Cpath fill='%23999' d='M68.4 128h-8V88h8v40z'/%3E%3Cpath fill='%237f7f7f' d='m35.81 121.626-6.928-4 20-34.641 6.929 4-20 34.64z'/%3E%3Cpath fill='%23666' d='m10.774 99.81-4-6.928 34.641-20 4 6.929-34.64 20z'/%3E%3Cpath fill='%234c4c4c' d='M0 68.4v-8h40v8H0z'/%3E%3Cpath fill='%23333' d='m6.374 35.81 4-6.928 34.641 20-4 6.929-34.64-20z'/%3E%3Cpath fill='%23191919' d='m28.19 10.774 6.928-4 20 34.641-6.929 4-20-34.64z'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1080ms' repeatCount='indefinite' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64'/%3E%3C/g%3E%3C/svg%3E");} 

/* Login */
#pag-pers .rdc-overlay-login-iframe{height: 100%;position: relative;}
#pag-pers .wrapper-content-login{position: relative;}
#pag-pers #rdc-overlay-login-iframe{border: 0;width: 100%;height: 100%;}
#pag-pers .wrapper-content-login.loading::before{content: '';background-color: white;z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: 54px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='64' height='64' version='1.0' viewBox='0 0 128 128'%3E%3Cg%3E%3Cpath d='M59.6 0h8v40h-8V0z'/%3E%3Cpath fill='%23ccc' d='m92.19 6.374 6.928 4-20 34.641-6.929-4 20-34.64zm25.036 21.816 4 6.928-34.641 20-4-6.929 34.64-20zM128 59.6v8H88v-8h40zm-6.374 32.59-4 6.928-34.641-20 4-6.929 34.64 20z'/%3E%3Cpath fill='%23b2b2b2' d='m99.81 117.226-6.928 4-20-34.641 6.929-4 20 34.64z'/%3E%3Cpath fill='%23999' d='M68.4 128h-8V88h8v40z'/%3E%3Cpath fill='%237f7f7f' d='m35.81 121.626-6.928-4 20-34.641 6.929 4-20 34.64z'/%3E%3Cpath fill='%23666' d='m10.774 99.81-4-6.928 34.641-20 4 6.929-34.64 20z'/%3E%3Cpath fill='%234c4c4c' d='M0 68.4v-8h40v8H0z'/%3E%3Cpath fill='%23333' d='m6.374 35.81 4-6.928 34.641 20-4 6.929-34.64-20z'/%3E%3Cpath fill='%23191919' d='m28.19 10.774 6.928-4 20 34.641-6.929 4-20-34.64z'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1080ms' repeatCount='indefinite' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64'/%3E%3C/g%3E%3C/svg%3E");}

/* footer */
#pag-pers .footer-buttons{background-color: var(--color-background);padding: 24px;display: flex;align-items: center;justify-content: center;gap: 12px;}
#pag-pers .footer-buttons button{width: 100%;max-width: 388px;min-height: 42px;flex: 50%;}
#pag-pers .wrapper-info-button{width: 100%;display: flex;flex-direction: column;align-items: center;max-width: 388px;gap: 12px;}
#pag-pers .wrapper-info-prod{display: flex;align-items: center;min-height: 26px;width: 100%;justify-content: space-between;}
#pag-pers .wrapper-info-prod .rdc-product-box-info-description{line-height: 130%;font-size: 12px;font-weight: 300;}
#pag-pers .price-pers.only-price{justify-content: space-between;width: 100%;}
#pag-pers .price .old, 
#pag-pers .price .discount, 
#pag-pers .price .current{font-size: 16px;line-height: 160%;}

@media screen and (min-width: 992px) {
    /*.rdc-scroll-padding-right #pag-pers .wrapper-header,
    .rdc-scroll-padding-right #pag-pers .wrapper-pers-content{margin-right: calc(var(--window-scroll-width) * -1);}*/
    #pag-pers .content-container{max-width: 636px;flex: 1;display: flex;flex-direction: column;position: relative;height: 100%;}

    /* Tabs */
    .tabs-container-fabric:not(.vertical) .wrapper-fabric-container,
    .tabs-container-categoria:not(.vertical) .wrapper-categoria-container{margin-left: 40px;margin-right: 40px;}
    /*.tabs-container-fabric:not(.vertical) .tabs-fabric,
    .tabs-container-categoria:not(.vertical) .tabs-categoria{margin: auto;max-width: 556px;}*/
    .tabs-container-fabric:not(.vertical) .tabs-content-fabric .tab-fabric,
    .tabs-container-categoria:not(.vertical) .tabs-content-categoria .tab-categoria{padding-left: 40px;padding-right: 23px;margin-right: 9px;padding-bottom: 15px;padding-top: 2px;}

    #sp-between-tabs{height: 58px;}

    #product-carousel-mobile{height: 100%;}

    #pag-pers #product-detail-area-a{border-right: 1px solid var(--color-lines);}
}

@media screen and (width: 1920px) {
    #pag-pers .content-container,
    #pag-pers .area-right-pers{max-width: 619px;}
    #pag-pers .wrapper-info{padding-left: 35px;padding-right: 19px;}
}

@media (hover: hover) {
    .wrapper-options-content input:not(:checked) + .wrapper-content-option.wrapper-content-option-pers:hover, 
    .wrapper-options-content label:not(.active):not(.selected) .field-content:not(.field-content-sublevel) .wrapper-content-option.wrapper-content-option-pers:hover{outline-color: var(--color-gray);}
    #pag-pers .step7 input:not(:checked) +  .wrapper-content-option:not(.wrapper-content-option-pers):hover,
    .wrapper-options-content label:not(.error) .field-content-sublevel .wrapper-content-option.wrapper-content-option-pers:hover{box-shadow: 0px 0px 0px 2px var(--color-theme);-webkit-box-shadow: 0px 0px 0px 2px var(--color-theme);-moz-box-shadow: 0px 0px 0px 2px var(--color-theme);outline-color: var(--color-theme);}
    #pag-pers .step7 input:checked +  .wrapper-content-option:not(.wrapper-content-option-pers){outline-color: var(--color-theme);}

}

@media screen and (min-width: 768px) and (max-width: 1400px) {
    .openPersonalizacao #main{z-index: 999;position: relative;}
}

@media screen and (max-width: 991px) {
    .openPersonalizacao #pag-pers{height: calc(100svh - (var(--notification-bar-height) + var(--wg-bar-height)) - var(--sab));width: 100%;max-width: 100%;}
    
    
    /* Fake Header */
    #pag-pers .close-window{max-width: none;justify-content: end;}
    #pag-pers .text-close{display: none;}
    #pag-pers .left-header{order: 2;}
    #pag-pers .center-header{order: 1;}
    #pag-pers .center-logo{max-width: 170px;}
    #pag-pers .close-window .rdc-icon-close{background-size: 100%;}
    #pag-pers .content-header{min-height: 48px;}

    /* Tabs */
    .tabs-container-fabric:not(.vertical) .tabs-fabric,
    .tabs-container-categoria:not(.vertical) .tabs-categoria{margin: 0;}
    .tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) li:first-child, 
    .tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) li:first-child{margin-left: 0;}
    .tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) li:last-child, 
    .tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) li:last-child{margin-right: 0;}
    .tabs-container-fabric .tabs-fabric:not(.rdc-fixed-styles) .tabs-fabric-item, 
    .tabs-container-categoria .tabs-categoria:not(.rdc-fixed-styles) .tabs-categoria-item{font-size: 15px;}

    /* Content */
    #pag-pers .wrapper-pers-content{flex-direction: column;height: calc(100svh - (49px + var(--notification-bar-height) + var(--wg-bar-height)));position: unset;}
    #pag-pers .wrapper-options-content .form-field,
    #pag-pers .wrapper-info{max-width: 100%;gap: 8px;}
    #pag-pers #rdc-productdetail-area-a{margin: 0;}
    #pag-pers #product-detail-area-a{overflow: initial;}
    #pag-pers #product-detail-area-a {height: 100vh;z-index: 1;flex: none;}
    #pag-pers .panel-trigger,
    #pag-pers .btn-open-panel,
    #pag-pers .btn-close-panel{background-color: var(--color-black);height: 2px;width: 40px;position: relative;display: block;margin: auto;border-radius: 100px;}
    #pag-pers .btn-open-panel,
    #pag-pers .btn-close-panel{display: none;}
    #pag-pers .handle-bar {touch-action: none;min-height: 21px;text-align: center;cursor: grab;display: flex;}
    #pag-pers .description-panel:not(.step1, .step2) .handle-bar{display: none;}
    #pag-pers .step:not(.step3, .step4, .step5){padding-top: 0;}

    #pag-pers #description-panel{background: #fff;position: absolute;width: 100%;touch-action: pan-y;border-radius: 10px 10px 0 0;box-shadow: 0 -2px 10px rgba(0,0,0,0.1);transition: transform 0.3s ease;display: flex;flex-direction: column;height: calc(100% - 40px);}
    #pag-pers .area-right-pers{height: calc(100% - 20px);max-width: none;}

    #pag-pers .wrapper-page{padding: 0 var(--container-padding);}

    #pag-pers .wrapper-title{margin-left: 0;margin-right: 0;}
    #pag-pers .wrapper-info{padding-right: 0;padding-left: 0;margin-right: 0;}

    #pag-pers .icon-back{padding: 0;min-height: 48px;}
    #pag-pers .icon-back .rdc-icon-svg{width: 24px;height: 24px;background-size: 100%;}

    #sp-between-tabs{height: 14px;}
    .wrapper-resume-page #sp-between-tabs{height: 10px;}
    .wrapper-content-profiles #sp-between-tabs{height: 42px;}
    .wrapper-passport #sp-between-tabs{height: 32px;}

    /* Label option */
    .wrapper-options-content .img-option img{height: 74px;width: 74px;}   
    .wrapper-options-content .wrapper-content-option{padding: 3px 10px 3px 3px;}
    .wrapper-options-content .selected-option,
    .wrapper-options-content .select-option{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 106px;}
    .selected-option p.paragraph,
    .select-option p.paragraph{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    /* Info Created */
    #pag-pers .content-created{gap: 40px;}
    #pag-pers .icon-wraning .rdc-icon-svg{width: 32px;height: 32px;}
    #pag-pers .create-info{gap: 10px;}

    /* Label profile */
    #pag-pers .wrapper-info-pers{flex-direction: column;align-items: flex-start;}
    #pag-pers .label-icons{gap: 10px;}
    #pag-pers .wrapper-title-profiles.wrapper-title{text-align: center;}
    .wrapper-options-content .label-box.wrapper-content-option .label-delete .rdc-icon-svg{background-size: 20px;}

    /* Profiles */
    #pag-pers .wrapper-title-profiles.wrapper-title{gap: 10px;}
    #pag-pers .wrapper-title-profiles .icon-passport{width: 42px;height: 42px;}
    #pag-pers .content-profiles.wrapper-info{padding-left: 1px;padding-right: 1px;}

    /* Passports */
    #pag-pers .step7 .wrapper-title-profiles.wrapper-title{gap: 11px;padding-top: 14px;padding-bottom: 2px;padding-left: 10px;padding-right: 10px;}
    #pag-pers .step7 .form-field{padding-left: 6px;padding-right: 6px;margin-bottom: 31px;}
    #pag-pers .step7 .form-field-wrapper {padding-left: 6px;padding-right: 6px;margin-bottom: 31px;}
    #pag-pers .step7 .unitMeadures .uni{flex-wrap: wrap;}
    #pag-pers .step7 .checkbox-switch{max-width: none;width: 100%;padding-left: 0;}
    #pag-pers .step7 .form-input-field{gap: 24px;}
    #pag-pers .step7 .uni .wrapper-input{flex: 1;}
    #pag-pers .step7 .unitMeadures .uni{gap: 25px 21px;padding-bottom: 5px;}
    #pag-pers .step7 .checkbox-switch .paragraph {text-transform: uppercase;}
    #pag-pers .step7 .form-input-field{padding-left: 0;padding-right: 0;}
    #pag-pers .step7 .wrapper-page{padding: 0 4px;}
    #pag-pers .step7 .wrapper-info {padding-right: 14px;padding-left: 10px;}
    #pag-pers .step7 .form-field .rdc-label-help-text {font-size: 12px;line-height: 130%;color: var(--color-gray);text-transform: uppercase;}
    #pag-pers .step7 .wrapper-options-content{gap: 10px;padding: 0;}
    #pag-pers .step7 .wrapper-options-content label{flex: 1;}
    #pag-pers .step7 .wrapper-content-option{padding-left: 16px;padding-right: 16px;}
    #pag-pers .step7 input:checked + .wrapper-content-option{outline-color: var(--color-theme);}
    #pag-pers .step7 .ajust-med{max-width: 140px;}
    #pag-pers .step7 .options-meadures{gap: 14px;}
    #pag-pers .step7 .wrapper-options-meadures{padding-left: 6px;padding-right: 6px;}
    #pag-pers .step7 .wrapper-form-my-meadures .checkbox-switch{justify-content: center;}
    #pag-pers .step7 .wrapper-help-content{margin-bottom: 26px;}
    #pag-pers .step7 .wrapper-med-content .uni.ajust-med{padding-left: 12px;padding-right: 12px;}
    #pag-pers .step7 .wrapper-med-content{padding-left: 6px;padding-right: 6px;}
    #pag-pers .step7 .icon-back {padding: 0 10px;}
    #pag-pers .step7 .wrapper-options-content .img-option img {width: auto;height: auto;}

    /* Footer */
    #pag-pers .footer-buttons{position: sticky;bottom: 0;width: 100%;background-color: var(--color-background);padding: 14px;}
    #pag-pers .wrapper-info-button{flex: 50%;}
    #pag-pers .wrapper-info-prod{position: absolute;bottom: 150px;flex-direction: column;justify-content: flex-start;padding: 15px 14px;gap: 3px;z-index: 5;}
    #pag-pers .wrapper-info-prod .rdc-product-box-info{background-color: transparent;padding: 0;}
    #pag-pers .price-pers.only-price{justify-content: flex-start;}
    #pag-pers .preparation-pers{width: 100%;}
}