.bg-template-gradient{background:linear-gradient(180deg,#fff0 55.19%,#bfeef899 80.72%),linear-gradient(180deg,#fff 52.31%,#fff0)}.rte p{margin-bottom:15px}.template-summary ul{list-style:disc;padding-left:20px}.template-summary ul li{padding:5px 0}.contributors ul{display:flex;flex-direction:column;gap:8px}body.page-temlates.demo-active header{display:none}#demo-container.mobile-mode #details-bar-blur{width:100%;max-width:373px;margin:0 auto}#details-bar{transition:all ease .5s}#details-bar.active{padding:0;z-index:9}#details-bar .width-active{border-radius:99px;box-shadow:0 10px 30px #0003}#details-bar.active .width-active{max-width:100%;border-radius:0;border-right:none;border-left:none}#mode-switcher button[data-active].active{background-color:#fff3;pointer-events:none}#mode-switcher button[data-action].active{background-color:#ffffff1a}#demo-iframe-container{transition:all ease .3s}#demo-iframe-container:not(.fullscreen-mode) iframe{border-radius:24px 24px 0 0;height:100%}#demo-iframe-container.demo-active{border:none;position:relative;overflow:hidden}#demo-iframe-container.mobile-mode:not(.fullscreen-mode){max-width:375px}#demo-iframe-container.mobile-mode .thumbnail-desktop{opacity:0;height:100%}#demo-iframe-container.desktop-mode .thumbnail-mobile{opacity:0}#demo-iframe-container.mobile-mode .thumbnail-mobile,#demo-iframe-container.desktop-mode .thumbnail-desktop{opacity:1}#demo-iframe-container.mobile-mode .aspect-mode{aspect-ratio:9/16}#demo-iframe-container .aspect-mode{border-radius:24px 24px 0 0;transform:scale(1);min-height:663px;height:100%;width:100%}#demo-iframe-container.demo-active .aspect-mode{opacity:0;pointer-events:none;transform:scale(1.02);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}#demo-iframe-container:not(.demo-active) iframe{view-transition-name:none;opacity:0}::view-transition-old(demo-iframe){animation:fade-out .25s ease forwards;z-index:999}::view-transition-new(demo-iframe){animation:fade-in .25s ease forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#demo-iframe-container.demo-active iframe{position:fixed;left:50%;max-width:100%;z-index:99;border-radius:0;top:64px;padding-bottom:64px;transition:width ease .1s;opacity:0;transform:translateY(-50%)}#demo-iframe-container.fullscreen-mode iframe{border-radius:0;opacity:1;transform:translate(-50%)}#demo-iframe-container.demo-active.desktop-mode:not(.fullscreen-mode) iframe{max-width:1280px;margin:0 auto;border-radius:24px 24px 0 0;opacity:1;transform:translate(-50%)}#demo-iframe-container.demo-active.mobile-mode:not(.fullscreen-mode) iframe{max-width:375px;margin:0 auto;border-radius:20px 20px 0 0;opacity:1;transform:translate(-50%)}#demo-iframe-container.demo-active:before{position:fixed;width:100%;height:100%;background-color:#000;content:"";top:0;display:block;left:0;z-index:1}#mode-switcher.fix-fullscreen{position:fixed;top:0;left:0;align-items:center;padding:10px 20px;max-width:100vw;background:#000;z-index:999;opacity:1;display:block}.try-theme,.close-demo,button[data-action=full-screen]{transition:all ease .3s}#details-bar.demo-active{transform:translateY(20px);opacity:0;pointer-events:none}.bg_head{display:none}@media (max-width: 767px){#mode-switcher.fix-fullscreen{padding:13px 20px}#demo-iframe-container .aspect-mode{border-radius:8px 8px 0 0;min-height:500px}#demo-iframe-container:not(.fullscreen-mode) iframe{border-radius:8px 8px 0 0}}.bg-install{background:linear-gradient(136.19deg,#ffffff4d 42.1%,#cfcaf64d 75.52%)}.install-thumbs .swiper-slide{height:auto!important;transform:scale(1)!important;height:auto;overflow:hidden;opacity:1;transition:all ease .3s}.install-media-top .swiper-slide{transform:scale(1)!important}.install-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}.install-thumbs .swiper-slide:before{content:"";position:absolute;bottom:0;height:2px;width:100%;background:#c4ded5;left:0;z-index:0}.install-thumbs .swiper-slide:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0%;background:#00aa4d;z-index:2}.install-thumbs .swiper-slide.swiper-slide-thumb-active:after{width:calc(var(--progress) * 100%)}.accordion-details{transition:all ease .3s}.accordion-card+.accordion-card{margin-top:16px}.accordion-item svg{width:20px;height:20px;min-width:20px}.accordion-card .accordion-details__summary:before{position:absolute;content:"";left:0;bottom:4px;transform:translateY(4px);width:100%;height:1px;background:#c4ded580;opacity:0;transition:all .25s}.accordion-card .accordion-details[open] .accordion-details__summary:before{opacity:1;transform:translateY(0)}.accordion-details__content{transition:all ease .3s;padding-top:12px;padding-bottom:32px}.accordion-details__summary .icon-plus-toggle path.vertical{transform:rotate(0);transform-origin:center;transition:transform .5s cubic-bezier(.3,1,.3,1)}.accordion-details[aria-expanded=true] .accordion-details__summary .icon-plus-toggle path.vertical{transform:rotate(270deg)}@media (max-width:1023px){#product-recommendation .swiper-button-next,#product-recommendation .swiper-button-prev{display:none}}#product-recommendation .swiper-button-next,#product-recommendation .swiper-button-prev{width:56px;height:56px;gap:10px;opacity:1;border-radius:40px;top:calc(50% - 45px);padding:16px;background:#fff;box-shadow:0 5px 30px #30208e1a;transition:all ease .3s;z-index:1}#product-recommendation .swiper-button-next:hover,#product-recommendation .swiper-button-prev:hover{box-shadow:0 5px 30px #30208e4d}#product-recommendation .swiper-button-next{left:calc(100% - 28px)}#product-recommendation .swiper-button-prev{right:calc(100% - 28px);left:auto}#product-recommendation .swiper-button-next:after,#product-recommendation .swiper-button-prev:after{font-size:20px;color:#000}#product-recommendation .swiper-button-next:after{transform:rotate(180deg);content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 19L5 12L12 5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M19 12H5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}#product-recommendation .swiper-button-prev:after{content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 19L5 12L12 5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M19 12H5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.list-templates:before,.list-templates:after{content:"";position:absolute;width:55px;height:calc(100% + 20px);background:linear-gradient(90deg,#f4f6f8 0%,#f4f6f8 5%,transparent 100%);left:-64px;z-index:2;top:-10px}.list-templates:after{left:auto;right:-64px;background:linear-gradient(-90deg,#f4f6f8 0%,#f4f6f8 5%,transparent 100%)}#safari-warning-modal{opacity:0}#safari-warning-modal.active{opacity:1;pointer-events:none}.bg-overlay.active{opacity:1;pointer-events:all}#safari-warning-modal .modal-content{transform:translateY(-24px);opacity:0;transition:transform .3s ease,opacity .3s ease}#safari-warning-modal.active .modal-content{pointer-events:auto;max-width:500px;margin:0 10px}#safari-warning-modal.active .modal-content{transform:translateY(0);opacity:1}.key-item:nth-child(2n+2)>div:first-child{order:1}.navigation li{position:relative;border-bottom:2px solid rgb(217,217,217)}.navigation li:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:calc(var(--progress, 0) * 100%);background:#00aa4d;opacity:0;transition:opacity ease .5s}.navigation li.active{opacity:1}.navigation li.active:after{opacity:1}.navigation li:not(.active){opacity:.6}@media (min-width: 1024px){.navigation ul{top:100px}}#featured .choose-item-1 .box-item{background-image:linear-gradient(to bottom,#f6fdfd33,#95e9fb33)}#featured .choose-item-2 .box-item{background-image:linear-gradient(to bottom,#fffaf7,#f7f8ff)}#featured .choose-item-3 .box-item{background-image:linear-gradient(to bottom,#d1d6f033,#b3f8c833)}#how-to-install #featured-1{background-image:linear-gradient(to bottom,#f6fdfd33,#95e9fb33)}#how-to-install #featured-2{background-image:linear-gradient(to bottom,#fffaf7,#f7f8ff)}#how-to-install #featured-3{background-image:linear-gradient(to bottom,#d1d6f033,#b3f8c833)}.preset-cards{container-type:inline-size;--spacing: 50%}.preset-cards .card-transform:nth-child(1):hover~.card-transform:nth-child(2){transform:translate(calc(-1 * var(--spacing)))}.preset-cards .card-transform:nth-child(1):hover~.card-transform:nth-child(3){transform:translate(calc(-2 * var(--spacing)))}.preset-cards .card-transform:nth-child(1):hover~.card-transform:nth-child(4){transform:translate(calc(-3 * var(--spacing)))}.preset-cards .card-transform:nth-child(1):hover~.card-transform:nth-child(5){transform:translate(calc(-4 * var(--spacing)))}.preset-cards .card-transform:nth-child(1):hover~.card-transform:nth-child(6){transform:translate(calc(-5 * var(--spacing)))}.preset-cards .card-transform:nth-child(2):hover~.card-transform:nth-child(3){transform:translate(calc(-1 * var(--spacing)))}.preset-cards .card-transform:nth-child(2):hover~.card-transform:nth-child(4){transform:translate(calc(-2 * var(--spacing)))}.preset-cards .card-transform:nth-child(2):hover~.card-transform:nth-child(5){transform:translate(calc(-3 * var(--spacing)))}.preset-cards .card-transform:nth-child(2):hover~.card-transform:nth-child(6){transform:translate(calc(-4 * var(--spacing)))}.preset-cards .card-transform:nth-child(3):hover~.card-transform:nth-child(4){transform:translate(calc(-1 * var(--spacing)))}.preset-cards .card-transform:nth-child(3):hover~.card-transform:nth-child(5){transform:translate(calc(-2 * var(--spacing)))}.preset-cards .card-transform:nth-child(3):hover~.card-transform:nth-child(6){transform:translate(calc(-3 * var(--spacing)))}.preset-cards .card-transform:nth-child(4):hover~.card-transform:nth-child(5){transform:translate(calc(-1 * var(--spacing)))}.preset-cards .card-transform:nth-child(4):hover~.card-transform:nth-child(6){transform:translate(calc(-2 * var(--spacing)))}.preset-cards .card-transform:nth-child(5):hover~.card-transform:nth-child(6){transform:translate(calc(-1 * var(--spacing)))}.preset-cards .card-background:nth-child(1):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 1))}.preset-cards .card-background:nth-child(2):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 2))}.preset-cards .card-background:nth-child(3):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 3))}.preset-cards .card-background:nth-child(4):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 4))}.preset-cards .card-background:nth-child(5):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 5))}.preset-cards .card-background:nth-child(6):hover~.preset-card-background{width:calc(64px + var(--total-stack-width) + var(--card-width) * (var(--presets-count) - 6))}.swiper-slide{width:auto;max-width:100%}.metafield-frictions ul{list-style:disc;padding-left:20px;margin-bottom:1px}.metafield-frictions p{margin-bottom:10px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-template.css.map */