[data-v-c3e26a6e]:root{--front-color-primary:#18469b;--front-color-primary-light:#4072d3;--front-color-primary-dark:#08090a;--front-color-primary-light-dark:#18469b;--front-color-primary-dark-light:#08090a;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--bp-special-xxl:1380px;--bp-header:1440px;--font-family-base:"Montserrat",sans-serif}.front-com-swiper-area-edge[data-v-c3e26a6e]{position:relative;width:100%}.front-com-swiper[data-v-c3e26a6e]{width:100%;overflow:hidden}.front-com-swiper[data-v-c3e26a6e] .swiper-wrapper{align-items:stretch}.front-com-swiper[data-v-c3e26a6e] .swiper-slide{height:auto;flex-shrink:0;transition:width .3s ease}.front-com-swiper-prev-next[data-v-c3e26a6e]{display:flex;justify-content:center;gap:20px;margin-top:32px}.front-com-swiper-prev-next .swiper-next[data-v-c3e26a6e],.front-com-swiper-prev-next .swiper-prev[data-v-c3e26a6e]{width:32px;height:32px;border-radius:999px;background:#fff;border:1px solid #e5e5e5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#111}.front-com-swiper-prev-next .swiper-next[data-v-c3e26a6e]:hover,.front-com-swiper-prev-next .swiper-prev[data-v-c3e26a6e]:hover{background:#18469b;color:#fff;border-color:#18469b}.front-com-swiper-pagination[data-v-c3e26a6e]{display:flex;justify-content:center;margin-top:24px;gap:8px}.front-com-swiper-pagination[data-v-c3e26a6e] .swiper-pagination-bullet{width:60px;height:1px;opacity:1;transition:all .3s ease;background:#fff}.front-com-swiper-pagination[data-v-c3e26a6e] .swiper-pagination-bullet-active{background:#18469b;border-radius:4px}[data-v-0fea2005]:root{--front-color-primary:#18469b;--front-color-primary-light:#4072d3;--front-color-primary-dark:#08090a;--front-color-primary-light-dark:#18469b;--front-color-primary-dark-light:#08090a;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--bp-special-xxl:1380px;--bp-header:1440px;--font-family-base:"Montserrat",sans-serif}.page-demo-main[data-v-0fea2005]{min-height:60vh}.bp-indicator[data-v-0fea2005]{display:inline-block;padding:2px 10px;margin:0 4px;border-radius:6px;background:var(--front-color-primary);color:#fff;font-family:ui-monospace,monospace;font-size:13px}.bp-hint[data-v-0fea2005]{margin-left:12px;color:#ffffff80}.demo-section[data-v-0fea2005]{margin-top:56px;padding:24px;border:1px dashed hsla(0,0%,100%,.12);border-radius:12px}.demo-section__title[data-v-0fea2005]{margin:0;font-size:22px;font-weight:600;color:#fff}.demo-section__desc[data-v-0fea2005]{margin:8px 0 20px;font-size:13px;line-height:1.5;color:#fff9;font-family:ui-monospace,monospace}.demo-grid[data-v-0fea2005]{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.demo-grid[data-v-0fea2005]{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.demo-grid[data-v-0fea2005]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.demo-grid[data-v-0fea2005]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.demo-grid[data-v-0fea2005]{grid-template-columns:repeat(4,1fr);gap:16px}}.demo-grid__cell[data-v-0fea2005]{height:88px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px}.demo-flex[data-v-0fea2005]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}@media(max-width:1280px){.demo-flex[data-v-0fea2005]{flex-direction:column}}.demo-flex__cell[data-v-0fea2005]{flex:1 1 calc(33.333% - 12px);min-width:120px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}@media(max-width:1280px){.demo-flex__cell[data-v-0fea2005]{flex:1 1 100%}}.demo-visibility[data-v-0fea2005]{display:flex;flex-wrap:wrap;gap:8px}.demo-visibility__cell[data-v-0fea2005]{padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;display:none}.demo-visibility__cell--sm[data-v-0fea2005]{background:#dc2626}.demo-visibility__cell--md[data-v-0fea2005]{background:#ea580c}.demo-visibility__cell--lg[data-v-0fea2005]{background:#ca8a04}.demo-visibility__cell--xl[data-v-0fea2005]{background:#16a34a}.demo-visibility__cell--xxl[data-v-0fea2005]{background:var(--front-color-primary)}@media(max-width:640px){.demo-visibility__cell--sm[data-v-0fea2005]{display:inline-flex}}@media(min-width:641px)and (max-width:768px){.demo-visibility__cell--md[data-v-0fea2005]{display:inline-flex}}@media(min-width:769px)and (max-width:1024px){.demo-visibility__cell--lg[data-v-0fea2005]{display:inline-flex}}@media(min-width:1025px)and (max-width:1280px){.demo-visibility__cell--xl[data-v-0fea2005]{display:inline-flex}}@media(min-width:1281px){.demo-visibility__cell--xxl[data-v-0fea2005]{display:inline-flex}}.demo-font__row[data-v-0fea2005]{margin:0 0 12px;display:flex;align-items:baseline;gap:16px}.demo-font__tag[data-v-0fea2005]{width:40px;color:#fff6;font-family:ui-monospace,monospace;font-size:12px;text-transform:uppercase}.demo-font__text[data-v-0fea2005]{color:#fff;font-weight:500;transition:font-size .2s ease}.demo-font__text[data-size=xl][data-v-0fea2005]{font-size:48px;line-height:1.1}.demo-font__text[data-size=lg][data-v-0fea2005]{font-size:32px;line-height:1.2}.demo-font__text[data-size=md][data-v-0fea2005]{font-size:20px;line-height:1.4}.demo-font__text[data-size=sm][data-v-0fea2005]{font-size:14px;line-height:1.5}@media(max-width:768px){.demo-font__text[data-size=xl][data-v-0fea2005]{font-size:32px}.demo-font__text[data-size=lg][data-v-0fea2005]{font-size:24px}.demo-font__text[data-size=md][data-v-0fea2005]{font-size:18px}.demo-font__text[data-size=sm][data-v-0fea2005]{font-size:13px}}.demo-padding[data-v-0fea2005]{display:flex;flex-direction:column;gap:12px}.demo-padding__row[data-v-0fea2005]{display:flex;align-items:center;gap:16px}.demo-padding__label[data-v-0fea2005]{width:90px;color:#ffffff80;font-family:ui-monospace,monospace;font-size:12px}.demo-padding__box[data-v-0fea2005]{width:64px;height:64px;border-radius:8px;transition:width .2s ease,height .2s ease}@media(max-width:1024px){.demo-padding__box[data-v-0fea2005]{width:32px;height:32px}}@media(max-width:768px){.demo-padding__box[data-v-0fea2005]{width:16px;height:16px}}.demo-cols[data-v-0fea2005]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(min-width:1280px){.demo-cols[data-v-0fea2005]{grid-template-columns:repeat(4,1fr);gap:16px}}.demo-cols__cell[data-v-0fea2005]{height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.demo-cards[data-v-0fea2005]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:1280px){.demo-cards[data-v-0fea2005]{grid-template-columns:1fr;gap:24px}}@media(max-width:640px){.demo-cards[data-v-0fea2005]{gap:16px}}.demo-cards__item[data-v-0fea2005]{display:flex;flex-direction:row;gap:20px;padding:16px;border-radius:12px;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08)}@media(max-width:1280px){.demo-cards__item[data-v-0fea2005]{flex-direction:column}}@media(max-width:640px){.demo-cards__item[data-v-0fea2005]{padding:12px;gap:12px}}.demo-cards__cover[data-v-0fea2005]{flex-shrink:0;width:120px;height:90px;border-radius:8px}@media(max-width:1280px){.demo-cards__cover[data-v-0fea2005]{width:100%;height:160px}}.demo-cards__title[data-v-0fea2005]{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.demo-cards__desc[data-v-0fea2005]{margin:0;color:#fff9;font-size:13px;line-height:1.5}.demo-section[data-v-0fea2005] .swiper-pagination-bullets.swiper-pagination-horizontal{position:relative;margin-top:12px}.edge-card[data-v-0fea2005]{height:160px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;box-shadow:0 4px 12px #00000040;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edge-card__label[data-v-0fea2005]{text-shadow:0 2px 4px rgba(0,0,0,.25)}.edge-card--responsive[data-v-0fea2005]{height:200px}@media(min-width:768px){.edge-card--responsive[data-v-0fea2005]{height:180px}}@media(min-width:1280px){.edge-card--responsive[data-v-0fea2005]{height:160px}}.edge-card--coverflow[data-v-0fea2005]{height:220px}.edge-card--fixed[data-v-0fea2005]{height:200px;padding:24px;flex-direction:column;gap:8px}
