.c-pp2-variant-changed-container{padding:0 1.5rem}@media screen and (min-width: 768px){.c-pp2-variant-changed-container{padding:0 2rem}}.c-pp2-variant-changed-container .inner-wrapper{color:#f5f5f5;background:#191612;border-radius:4px;padding:1rem}.swiper-atc-button-wrapper{display:flex;justify-content:space-between;margin-bottom:.5rem;column-gap:1rem}.variant-tab-atc-button{display:block;background-color:#fc0;color:#000;border:1px solid #fc0;border-radius:4px;font-size:.875rem;margin-top:.5rem;margin-left:auto;padding:.25rem;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out;white-space:nowrap;position:relative}.variant-tab-atc-button .inner{display:flex;align-items:center;justify-content:center}.variant-tab-atc-button.loading .inner{visibility:hidden}.variant-tab-atc-button.loading .loader{display:block;position:absolute;width:1.25rem;height:1.25rem;left:calc(50% - .625rem)}.variant-tab-atc-button .loader{display:none;border-color:#000 #000 #000 transparent}.variant-tab-atc-button svg{width:1.25rem;height:1.25rem;margin-right:1ch}.variant-tabs-swiper{background:#191612;color:#f5f5f5;margin-left:unset;margin-right:unset}.variant-tabs-swiper .swiper-slide{width:min-content}.variant-tabs-swiper .tab-trigger{display:flex;background:#000;color:#fff;border:1px solid #ccc;transition:background-color .15s ease-out,color .15s ease-out;justify-content:center;align-items:center;cursor:pointer;transition:.15s ease-out;padding:.5rem;border-radius:4px;letter-spacing:-.025em}.variant-tabs-swiper .tab-trigger:hover{background-color:#292929;color:#fff}.variant-tabs-swiper .tab-trigger.active{background-color:#fff;color:#000;border:1px solid;border-color:#fff #999 #999 #fff}.c-pp2-variant-changed-container .swiper-pagination-progressbar{top:unset;position:static;background:#e0e0e0;--swiper-pagination-color: #fc3;bottom:0;margin-bottom:.5rem}.variant-tabs-swiper .tab-handle{width:min-content;white-space:nowrap;line-height:1}.c-pp2-variant-changed-container .tab-content{display:none;font-size:.813rem}.c-pp2-variant-changed-container .tab-content h2,.c-pp2-variant-changed-container .tab-content h3{color:#f5f5f5}.c-pp2-variant-changed-container .tab-content .tab-content-engines{font-size:1rem;font-weight:700;margin-bottom:.25rem;margin-top:.75rem;line-height:1}.c-pp2-variant-changed-container .tab-content.active{display:block}
/*# sourceMappingURL=/cdn/shop/t/265/assets/c-pp2-variantChanged.css.map */
