.logo-section .logo-list-wrapper{max-width:var(--container-sm);margin-left:auto;margin-right:auto}.logo-section .logo-list-wrapper .title{margin:0;*/}.logo-section .logo-list-wrapper .logo-wrap{display:flex;flex-flow:wrap;gap:3rem 2rem;max-width:700px;margin-left:auto;margin-right:auto;margin-top:5rem;align-items:center;justify-content:center}.logo-section .logo-list-wrapper .logo-wrap .logo img{max-width:100%;height:80px;object-fit:contain;display:block}.logo-section .logo-list-wrapper.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{transform:none;animation:none;opacity:1}.logo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;outline:0;overflow-x:hidden;overflow-y:auto;padding:0 1rem;display:none}.logo-modal.active{display:block}.logo-modal .logo-popup-overlay{display:block;background:var(--black-800-color);width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.9;pointer-events:none}.logo-modal .modal-dialog{position:relative;width:auto;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:500px;margin:1rem auto;min-height:calc(100% - 2rem);transition:transform .3s ease-out,-webkit-transform .3s ease-out;transform:translate(0)}.logo-modal .modal-dialog .icon{width:1rem;height:1rem}.logo-modal .modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:var(--white-color);background-clip:padding-box;border-radius:var(--border-radius);outline:0;padding:1rem;gap:1rem}.logo-modal .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--black-200-color);padding-bottom:1rem}.logo-modal .modal-content .modal-header .close-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-100);cursor:pointer;transition:all .3s ease;border:none;background:var(--primary-color);color:var(--white-color)}.logo-modal .modal-content .modal-header .close-btn svg{opacity:1;width:1rem;height:1rem}.logo-modal .modal-content .modal-header .modal-title{flex:1}.logo-modal .modal-content .modal-header .modal-title p{margin:0}.logo-modal .modal-content .modal-body p{margin:0;margin-bottom:1rem}.logo-modal .modal-content .modal-body p:last-child{margin-bottom:0}.logo-section .logo-list-inner{padding-top:6rem;padding-bottom:6rem}.logo-section .logo-list-wrapper{max-width:100%;display:flex;flex-flow:wrap;align-items:flex-start;gap:1.5rem}.logo-section .logo-list-wrapper>.title{width:33.33%;position:sticky;top:10rem;border-bottom:1px solid var(--black-200-color);padding-bottom:2.625rem;font-size:var(--text-5_5xl);line-height:var(--text-line-spacing-5_5xl)}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper{flex:1;border-top:1px solid var(--black-200-color);padding-top:2.625rem;margin-top:calc(var(--title-height) - 1px)}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper .rich-text__wrapper>.rich-text__text{margin-top:0;flex:1;color:var(--color-text-lighter-new);font-size:var(--text-lg);line-height:var(--text-line-spacing-lg)}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper .rich-text__wrapper{display:flex;flex-flow:wrap;gap:1.5rem;width:100%}.logo-section .logo-list-wrapper .logo-wrap{max-width:100%;justify-content:flex-start;--grid-desktop-vertical-spacing: 2.75rem;--grid-desktop-horizontal-spacing: 1.5rem;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.logo-section .logo-list-wrapper .logo-wrap .logo{width:calc(16.66% - var(--grid-desktop-horizontal-spacing)* 6 / 7)}.logo-section .logo-list-wrapper .logo-wrap .logo .logo-modal-btn{width:100%;cursor:pointer;transition:all .3s}.logo-section .logo-list-wrapper .logo-wrap .logo .logo-modal-btn:hover{transform:translateY(-.3rem)}.logo-section .logo-list-wrapper .logo-wrap .logo .logo-img-wrap{background:var(--white-color);height:119px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.logo-section .logo-list-wrapper .logo-wrap .logo img{width:100%;height:62px;max-width:88px;transition:all .3s}.logo-section .logo-list-wrapper .logo-wrap .logo .rich-text__text{margin-top:1rem;text-align:center;color:var(--color-text-lighter-new);transition:all .3s}.logo-section .logo-list-wrapper .logo-wrap .logo .logo-modal-btn:hover .rich-text__text{color:var(--primary-dark-color)}.logo-section .logo-list-wrapper .logo-wrap .logo{position:relative}.logo-modal{position:absolute;top:calc(100% - 22px);width:380px;height:max-content;left:calc(50% - 190px);overflow:visible;padding:0}.logo-modal:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid var(--white-color);position:absolute;top:-12px;z-index:1;left:50%;transform:translate(-50%);display:none}.logo-section .logo-list-wrapper .logo-wrap .logo:has(.active):after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid var(--white-color);position:absolute;top:124px;z-index:1;left:50%;transform:translate(-50%)}.logo-modal .logo-popup-overlay{display:none}.logo-modal .modal-dialog{margin:0}.logo-section .logo-list-wrapper .logo-wrap .logo:has(.active) .logo-img-wrap{box-shadow:0 2px 10px var(--primary-300-color)}.logo-modal .modal-content{box-shadow:0 7px 10px var(--primary-300-color)}@media (max-width:1536px){.logo-section .logo-list-wrapper .logo-wrap{margin-top:4rem}.logo-section .logo-list-wrapper .logo-wrap{gap:2.5rem 1.5rem}.logo-section .logo-list-inner{padding-top:5rem;padding-bottom:5rem}.logo-section .logo-list-wrapper>.title{top:9rem;padding-bottom:2rem}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper{padding-top:2rem}.logo-section .logo-list-wrapper .logo-wrap{--grid-desktop-vertical-spacing: 1.75rem;--grid-desktop-horizontal-spacing: 1.5rem}.logo-section .logo-list-wrapper .logo-wrap .logo{width:calc(20% - var(--grid-desktop-horizontal-spacing)* 5 / 6)}}@media (max-width:1280px){.logo-section .logo-list-wrapper .logo-wrap{margin-top:3rem}.logo-section .logo-list-wrapper .logo-wrap{gap:2rem 1rem}.logo-section .logo-list-inner{padding-top:3rem;padding-bottom:3rem}.logo-section .logo-list-wrapper>.title{font-size:var(--text-5xl);line-height:var(--text-line-spacing-5xl);top:8rem}.logo-section .logo-list-wrapper .logo-wrap .logo{width:calc(25% - var(--grid-desktop-horizontal-spacing)* 4 / 5)}.logo-section .logo-list-wrapper .logo-wrap{--grid-desktop-vertical-spacing: 1.5rem;--grid-desktop-horizontal-spacing: 1rem}}@media (max-width:992px){.logo-section .logo-list-wrapper .logo-wrap{margin-top:2rem}.logo-section .logo-list-wrapper .logo-wrap{gap:1rem}.logo-section .logo-list-wrapper>.title{font-size:var(--text-4xl);line-height:var(--text-line-spacing-4xl)}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper .rich-text__wrapper{flex-flow:column}.logo-section .logo-list-wrapper .logo-wrap .logo{width:calc(33.33% - var(--grid-desktop-horizontal-spacing)* 3 / 4)}}@media (max-width:768px){.logo-section .logo-list-inner{padding-top:2.5rem;padding-bottom:2.5rem}.logo-section .logo-list-wrapper{flex-flow:column}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper{margin-top:0;padding-top:1.5rem}.logo-section .logo-list-wrapper>.title{width:100%;padding-bottom:0;border:none;position:relative;top:auto}.logo-section .logo-list-wrapper .logo-wrap .logo .logo-img-wrap{height:100px}.logo-section .logo-list-wrapper .rich-text-with-logo__wrapper .rich-text__wrapper>.rich-text__text{font-size:var(--text-base);line-height:var(--text-line-spacing-base)}}@media (max-width:1536px) and (min-width:1281px){.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(5n) .logo-modal{left:auto;right:0}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(5n) .logo-modal:before{left:auto;right:calc(20% / 1.1 - var(--grid-desktop-horizontal-spacing)* 5 / 6)}}@media (max-width:1280px) and (min-width:993px){.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(4n) .logo-modal{left:auto;right:0}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(4n) .logo-modal:before{left:auto;right:calc(25% / 1.5 - var(--grid-desktop-horizontal-spacing)* 4 / 5)}}@media (max-width:992px) and (min-width:769px){.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n) .logo-modal{left:auto;right:0}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n) .logo-modal:before{left:auto;right:calc(33.33% /1.5 - var(--grid-desktop-horizontal-spacing)* 3 / 4)}}@media (max-width:768px){.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n) .logo-modal{left:auto;right:0}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n) .logo-modal:before{left:auto;right:calc(33.33% /1.2 - var(--grid-desktop-horizontal-spacing)* 3 / 4)}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n+1) .logo-modal{left:0;right:auto}.logo-section .logo-list-wrapper .logo-wrap .logo:nth-child(3n+1) .logo-modal:before{left:calc(33.33% /1 - var(--grid-desktop-horizontal-spacing)* 3 / 4);right:auto}.logo-modal{width:267px;left:calc(50% - 133.5px)}.logo-section .logo-list-wrapper .logo-wrap .logo:has(.active):after{top:105px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/logo-list.css.map */