.frame[data-v-d1740f02]{margin-inline:auto;position:relative}.popover{&[data-v-d1740f02]{padding-block:var(--dap-size-2);padding-inline:var(--dap-size-2);background:var(--dap-pink);border-radius:var(--radius-lg);width:23ch;line-height:var(--leading-tight);color:#fff;text-wrap:balance;z-index:2;text-align:center;transition:opacity .3s ease-in-out;display:grid;position:absolute;translate:-50%}&[data-v-d1740f02]:before{content:"";background:inherit;border-radius:var(--radius-xs);z-index:-1;place-self:center;width:30px;height:30px;position:absolute;rotate:45deg}&.arrow-left[data-v-d1740f02]:before{left:-6px}&.arrow-top[data-v-d1740f02]:before{top:-6px}&.arrow-bottom[data-v-d1740f02]:before{bottom:-6px}&.arrow-right[data-v-d1740f02]:before{right:-6px}&.popover-1{&[data-v-d1740f02]{top:42%;left:28%}&.arrow-top[data-v-d1740f02]:before{translate:250%}}&.popover-2[data-v-d1740f02]{top:50%;left:50%}&.popover-3[data-v-d1740f02]{top:50%;left:25%}&.popover-4[data-v-d1740f02]{top:58%;left:18%}}swiper-slide:not(.swiper-slide-active){&[data-v-d1740f02]{z-index:-1}& .popover[data-v-d1740f02]{opacity:0}}swiper-slide[data-v-d1740f02]{padding-block-end:3rem}swiper-container[data-v-d1740f02]{--swiper-theme-color:var(--dap-gray-8);--swiper-pagination-bullet-size:12px;--swiper-pagination-bullet-inactive-color:var(--dap-gray-8)}.click-target[data-v-d1740f02]{background:0 0;width:60%;height:10%;position:absolute;top:30%;left:20%}[data-slide-2][data-v-d1740f02]{transition:opacity .3s ease-in-out}dap-card[data-v-d1740f02]{width:42%;height:auto;position:absolute;top:18%;left:29%}.bg-shop[data-v-24f1f21c]{aspect-ratio:1/1.4;background-position:50%;background-size:cover}#social-media{&[data-v-78be3022]{padding:0;position:relative}& .content[data-v-78be3022]{width:100%;padding-block:min(16vw, var(--dap-size-10));padding-inline:min(8vw, var(--dap-size-10));@media (width>=1024px){width:120%;padding:var(--dap-size-10) var(--dap-size-9);padding-left:0}}& .phones{&[data-v-78be3022]{text-align:center;width:100%;display:inline-block;position:relative}& img[data-v-78be3022]{width:clamp(250px,30vw,400px);height:auto;margin-top:-30px}& .phone-clubcard[data-v-78be3022]{aspect-ratio:var(--dap-ratio-creditcard);width:30%;display:inline-block;position:absolute;top:48%;right:23%}}@media (width>=1024px){& .phones{&[data-v-78be3022]{width:94%;margin-left:-30px}& img[data-v-78be3022]{width:100%;margin-top:unset}& .phone-clubcard[data-v-78be3022]{width:27%;position:absolute;top:53%;right:25%}}}}@property --rotate1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --rotate2{syntax:"<angle>";inherits:false;initial-value:0deg}@property --translate1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --translate2{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes reveal-image-0bb1dbc2{0%{--rotate1:-10deg;--rotate2:10deg;--translate1:100%;--translate2:80%;opacity:0}}#referral{&[data-v-0bb1dbc2]{padding:0;position:relative}& .images{&[data-v-0bb1dbc2]{justify-content:center;gap:20px;padding-bottom:60px;display:flex}@media (width>=1024px){&[data-v-0bb1dbc2]{place-content:center;gap:0;width:40%;padding-bottom:0;display:grid}}& img[data-v-0bb1dbc2]{border-radius:var(--dap-radius-3);width:clamp(100px,40vw,200px);height:auto;box-shadow:var(--dap-shadow-4)}}& .content[data-v-0bb1dbc2]{padding-block:min(16vw, var(--dap-size-10));padding-inline:min(8vw, var(--dap-size-10));@media (width>=1024px){width:60%;padding:var(--dap-size-10) var(--dap-size-9);padding-left:0}}& .referral-images{& img{&[data-v-0bb1dbc2]{--rotate1:-6deg;--rotate2:8deg;--translate1:15%;--translate2:25%}&[data-v-0bb1dbc2]:first-child{transform:translateY(var(--translate1)) translateX(4%) rotate(var(--rotate1))}&[data-v-0bb1dbc2]:nth-child(2){transform:translateY(var(--translate2)) translateX(-4%) rotate(var(--rotate2))}@media (width>=1024px){&[data-v-0bb1dbc2]{--rotate1:-3deg;--rotate2:-5deg;--translate1:3%;--translate2:-3%}&[data-v-0bb1dbc2]:first-child{transform:translateY(var(--translate1)) translateX(0%) rotate(var(--rotate1))}&[data-v-0bb1dbc2]:nth-child(2){transform:translateY(var(--translate2)) translateX(5%) rotate(var(--rotate2))}}}}@supports (animation-timeline:view(block)){& .reveal-referral-image[data-v-0bb1dbc2]{animation-name:reveal-image-0bb1dbc2;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover entry-crossing 40vh}}}