#smile-ui-container{display:none}.dl-page-dotbanner-h{position:relative}.dl-page-dotbanner-h-media{line-height:0;width:100%;overflow:hidden}.dl-page-dotbanner-h-media img{width:100%;height:100%;object-fit:cover}.dl-page-dotbanner-h-content{position:absolute;top:64px;width:100%;text-align:center}.dl-page-dotbanner-h-content-title{color:#fff;text-align:center;font-size:64px;line-height:normal}.dl-page-dotbanner-h-content-title span{font-weight:500}.dl-page-dotbanner-h-dot-button{position:absolute;top:calc(var(--dl-dot-position-y) / 1920 * 100vw);left:calc(var(--dl-dot-position-x) / 1920 * 100vw);line-height:0;width:56px;height:56px;transition:transform .3s ease-out}.dl-page-dotbanner-h-dot-button svg{width:100%;height:100%}.dl-page-dotbanner-h-dot-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff9;animation:dl-dot-wave 2s ease-out infinite;pointer-events:none}.dl-page-dotbanner-h-dot-button svg{position:relative}@keyframes dl-dot-wave{0%{width:56px;height:56px;opacity:.6}to{width:100px;height:100px;opacity:0}}.dl-page-dotbanner-h-dot-pop{position:absolute;top:50%;left:calc(var(--dl-dot-position-x) / 1920 * 100vw + 80px);transform:translateY(-50%);width:400px;padding:32px 32px 40px;border-radius:8px;background:rgba(255,255,255,var(--dl-dot-opacity));-webkit-backdrop-filter:blur(var(--dl-dot-blur));backdrop-filter:blur(var(--dl-dot-blur));color:#000;z-index:-1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s}.dl-page-dotbanner-h-dot-pop[data-dl-pop-direction=left]{left:calc(var(--dl-dot-position-x) / 1920 * 100vw);transform:translate(calc(-100% - 24px),-50%)}.dl-page-dotbanner-h-dot[data-dl-is-active=true] .dl-page-dotbanner-h-dot-pop{z-index:1;opacity:1;visibility:visible}.dl-page-dotbanner-h-dot[data-dl-is-active=true] .dl-page-dotbanner-h-dot-button{transform:rotate(45deg)}.dl-page-dotbanner-h-dot-pop-title{font-size:24px;line-height:140%}.dl-page-dotbanner-h-dot-pop-title span{font-weight:500}.dl-page-dotbanner-h-dot-pop-desc{margin-top:24px;font-size:16px}.dl-page-dotbanner-h-dot-pop-desc span{font-weight:500}.dl-page-dotbanner-h-dot-pop-content{display:flex;flex-direction:column}.dl-page-dotbanner-h-dot-pop-content-item{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.2)}.dl-page-dotbanner-h-dot-pop-content-item:last-child{border-bottom:none}.dl-page-dotbanner-h-dot-pop-content-item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:8px}.dl-page-dotbanner-h-dot-pop-content-item-title{font-size:16px}.dl-page-dotbanner-h-dot-pop-content-item-title span{font-weight:500}.dl-page-dotbanner-h-dot-pop-content-item-header svg{width:24px;height:24px;transform:rotate(180deg);transition:transform .3s ease-out;flex-shrink:0}.dl-page-dotbanner-h-dot-pop-content-item-content{color:#0009;font-size:14px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding-top:0}.dl-page-dotbanner-h-dot-pop-content-item[data-expanded=true] svg{transform:rotate(0)}.dl-page-dotbanner-h-dot-pop-content-item[data-expanded=true] .dl-page-dotbanner-h-dot-pop-content-item-content{padding-top:4px}.dl-page-dotbanner-h-dot-pop-footer{margin-top:24px}.dl-page-dotbanner-h-dot-pop-footer-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background-color:#315800;color:#fff;font-size:20px;border-radius:4px}@media screen and (max-width: 990px){.dl-page-dotbanner-h-media{display:none}.dl-page-dotbanner-h-dots{display:flex;flex-direction:column;gap:0px}.dl-page-dotbanner-h-dot{position:relative;display:block;padding-top:calc(256vw / 3.75);padding-bottom:calc(40vw / 3.75);background:#b8a48b}.dl-page-dotbanner-h-dot-button{display:none}.dl-page-dotbanner-h-content{background-color:#efede8;display:flex;position:unset}.dl-page-dotbanner-h-content-title{padding:0 6.4vw;color:#000;font-size:calc(32 / 375 * 100vw);font-style:normal;font-weight:500;line-height:140%;text-align:left;margin-bottom:6.4vw}.dl-page-dotbanner-h-dot-title{position:absolute;top:32px;left:50%;transform:translate(-50%);width:calc(287vw / 3.75);text-align:center;z-index:1;color:#fff;font-size:calc(28vw / 3.75);font-weight:500;line-height:normal}.dl-page-dotbanner-h-dot-mobile-image{position:absolute;top:0;left:0;right:0;width:100%;height:89.6vw;overflow:hidden;z-index:0}.dl-page-dotbanner-h-dot-mobile-image img{width:100%;height:100%;object-fit:cover;display:block}.dl-page-dotbanner-h-dot-pop{transform:none!important;opacity:1!important;visibility:visible!important;z-index:2!important;left:auto!important;top:auto!important;bottom:auto!important;position:relative;width:87.2vw;margin:0 auto;padding:calc(20vw / 3.75) 6.4vw;background:#fffc;-webkit-backdrop-filter:blur(calc(28.0949764251709vw / 3.75));backdrop-filter:blur(calc(28.0949764251709vw / 3.75))}.dl-page-dotbanner-h-dot-pop-title{font-size:calc(20vw / 3.75);line-height:140%}.dl-page-dotbanner-h-dot-pop-desc{font-size:calc(16vw / 3.75);margin-top:6.4vw}.dl-page-dotbanner-h-dot-pop-content-item{padding:3.2vw 0;line-height:normal;border-bottom:calc(1vw / 3.75) solid rgba(0,0,0,.2)}.dl-page-dotbanner-h-dot-pop-content-item-header{gap:calc(4vw / 3.75)}.dl-page-dotbanner-h-dot-pop-content-item-title{font-size:calc(14vw / 3.75)}.dl-page-dotbanner-h-dot-pop-content-item-title span{font-weight:400}.dl-page-dotbanner-h-dot-pop-content-item-header svg{width:calc(16vw / 3.75);height:calc(16vw / 3.75);line-height:calc(19vw / 3.75)}.dl-page-dotbanner-h-dot-pop-content-item-content{font-size:calc(14vw / 3.75);padding-right:calc(20vw / 3.75);color:#0009}.dl-page-dotbanner-h-dot-pop-content-item[data-expanded=true] .dl-page-dotbanner-h-dot-pop-content-item-content{padding-top:calc(4vw / 3.75)}.dl-page-dotbanner-h-dot-pop-footer{margin-top:calc(28vw / 3.75)}.dl-page-dotbanner-h-dot-pop-footer-btn{height:calc(40vw / 3.75);font-size:calc(16vw / 3.75);border-radius:calc(4vw / 3.75)}}@media screen and (min-width: 990px){.dl-page-dotbanner-h-dot-mobile-image{display:none}.dl-page-dotbanner-h-content{top:calc(64vw / 19.2)}.dl-page-dotbanner-h-content-title{font-size:calc(64vw / 19.2)}.dl-page-dotbanner-h-dot-button{width:calc(56vw / 19.2);height:calc(56vw / 19.2)}.dl-page-dotbanner-h-dot-button:before{width:calc(56vw / 19.2);height:calc(56vw / 19.2)}@keyframes dl-dot-wave{0%{width:calc(56vw / 19.2);height:calc(56vw / 19.2);opacity:.6}to{width:calc(100vw / 19.2);height:calc(100vw / 19.2);opacity:0}}.dl-page-dotbanner-h-dot-pop{left:calc(var(--dl-dot-position-x) / 1920 * 100vw + 80vw / 19.2);width:calc(400vw / 19.2);padding:calc(32vw / 19.2) calc(32vw / 19.2) calc(40vw / 19.2) calc(32vw / 19.2);border-radius:calc(8vw / 19.2);-webkit-backdrop-filter:blur(calc(var(--dl-dot-blur * 1vw) / 19.2));backdrop-filter:blur(calc(var(--dl-dot-blur * 1vw) / 19.2))}.dl-page-dotbanner-h-dot-pop[data-dl-pop-direction=left]{transform:translate(calc(-100% - 1.25vw),-50%)}.dl-page-dotbanner-h-dot-pop-title{font-size:1.25vw}.dl-page-dotbanner-h-dot-pop-desc{margin-top:1.25vw;font-size:calc(16vw / 19.2)}.dl-page-dotbanner-h-dot-pop-content-item{padding:calc(16vw / 19.2) 0;border-bottom:calc(1vw / 19.2) solid rgba(0,0,0,.2)}.dl-page-dotbanner-h-dot-pop-content-item-header{gap:calc(8vw / 19.2)}.dl-page-dotbanner-h-dot-pop-content-item-title{font-size:calc(16vw / 19.2)}.dl-page-dotbanner-h-dot-pop-content-item-content{font-size:calc(14vw / 19.2)}.dl-page-dotbanner-h-dot-pop-content-item[data-expanded=true] .dl-page-dotbanner-h-dot-pop-content-item-content{padding-top:calc(4vw / 19.2)}.dl-page-dotbanner-h-dot-pop-content-item-header svg{width:1.25vw;height:1.25vw}.dl-page-dotbanner-h-dot-pop-footer{margin-top:1.25vw}.dl-page-dotbanner-h-dot-pop-footer-btn{height:2.5vw;font-size:calc(20vw / 19.2);border-radius:calc(4vw / 19.2)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/dl-page-dotbanner-h.css.map */