.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.vertical-fullpage-swiper{height:100vh}.vertical-fullpage-swiper.swiper-slide{height:100%;display:flex;align-items:center;justify-content:center}.swiper-pagination-bullet{width:40px;height:40px;background:rgba(0,0,0,0);opacity:.5;transition:all .3s}.swiper-pagination-bullet-active{opacity:1}.bullet-icon{width:100%;height:100%;object-fit:contain}.swiper-pagination-bullet{width:30px;height:30px;text-align:center;line-height:30px;font-size:12px;color:#999;opacity:1;background:rgba(128,128,128,.18);position:relative;border-radius:50%;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.swiper-pagination-bullet-active{color:var(--color-primary);background:rgba(128,128,128,.3)}.vertical-fullpage-swiper .swiper-slide{height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1024px){.vertical-fullpage-swiper .section{width:calc(100% - 30px);max-width:unset;margin:0 auto;padding:0}}.mitkimi-screen{position:relative;width:100vw;height:100vh;overflow:hidden}.mitkimi-background{background:#fff;z-index:0}.mitkimi-background,.mitkimi-content{position:absolute;top:0;left:0;width:100%;height:100%}.mitkimi-content{z-index:10;pointer-events:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mitkimi-content .mitkimi-content-wrapper{margin-top:20px}.mitkimi-background .dot-grid{position:absolute;top:0;left:0;width:100%;height:100%}.mitkimi-background .dot-grid__canvas,.mitkimi-background .dot-grid__wrap{width:100%;height:100%}.custom-star-border-button .inner-content{background:#fff;color:#000;cursor:pointer}.mitkimi-card-swap-wrapper{pointer-events:auto;flex-shrink:0;opacity:0;transition:opacity .8s ease-in-out}.mitkimi-card-swap-wrapper.fade-in{opacity:1}.mitkimi-card-swap-wrapper .mitkimi-card{box-shadow:0 0 14px 2px rgba(0,0,0,.18);border-radius:30px;overflow:hidden;background:rgba(14,14,17,.9);border:none!important}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window{display:flex;flex-direction:column;height:100%;width:100%;border-radius:28px;background:linear-gradient(180deg,rgba(32,32,36,.92),rgba(12,12,15,.96));border:1px solid hsla(0,0%,100%,.06);backdrop-filter:blur(12px);overflow:hidden}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__header{display:flex;align-items:center;gap:8px;padding:16px 20px;background:#ededed;border-bottom:1px solid hsla(0,0%,100%,.05)}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 2px rgba(0,0,0,.35)}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__dot--close{background:#ff5f57}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__dot--minimize{background:#febc2e}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__dot--maximize{background:#28c840}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__body{position:relative;flex:1;overflow:hidden}.mitkimi-card-swap-wrapper .mitkimi-card .mac-window__body img{object-fit:cover}@media screen and (max-width:768px){.mitkimi-card-swap-wrapper{display:none}.mitkimi-content{justify-content:flex-start}}.dot-grid{padding:1em;display:flex;align-items:center;justify-content:center}.dot-grid,.dot-grid__wrap{height:100%;width:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.greeting-screen{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.greeting-screen .greeting-icon{width:100px;height:100px;position:relative;border-radius:19.1%;overflow:hidden;box-shadow:0 0 45px 0 rgba(125,125,125,.5)}.greeting-screen h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 14px hsla(0,0%,100%,.5);margin-top:20px}.greeting-screen h2{font-size:1.2rem;font-weight:700;text-shadow:0 0 4px hsla(0,0%,100%,.5)}.dark-greating-screen{color:#fff}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.offshop-screen{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.offshop-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.offshop-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.offshop-content-wrapper{color:#fff;margin-top:20px;font-size:18px}.offshop-content-wrapper .offshop-content-gradient-text{margin:0}.offshop-content-image-wrapper{width:60vw;height:100vh;display:flex;gap:40px;overflow:hidden}@media screen and (max-width:768px){.offshop-content-image-wrapper{display:none}}.offshop-column{flex:1;height:100vh;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.offshop-column::-webkit-scrollbar{display:none}.offshop-card{width:100%;aspect-ratio:9/16;border-radius:30px;overflow:hidden;margin-bottom:40px;cursor:pointer;position:relative;flex-shrink:0}.offshop-card:last-child{margin-bottom:0}.offshop-card-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.offshop-card-image{width:100%;height:100%;transition:transform .3s ease,opacity .3s ease;object-fit:cover}.offshop-card.has-video:hover .offshop-card-image{opacity:0}.offshop-card.no-video:hover .offshop-card-image{transform:scale(1.1)}.offshop-card-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}.offshop-card:hover .offshop-card-video{opacity:1}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;z-index:0;pointer-events:none}.gradient-overlay,.gradient-overlay:before{position:absolute;top:0;left:0;border-radius:inherit}.gradient-overlay:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.light-rays-container{height:100%;pointer-events:none;z-index:3}.light-rays-container,.moment-container{width:100%;position:relative;overflow:hidden}.moment-container{height:100vh}.moment-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.moment-content .moment-content-wrapper{color:#fff;margin-top:20px;font-size:18px}@media screen and (max-width:768px){.moment-container{background:url(/_next/static/media/moment-background.d1ba506b.png) no-repeat 50%;background-size:cover}.moment-container .moment-content{background:rgba(0,0,0,.35)}.moment-grid-motion-container{display:none}}@media screen and (min-width:769px){.moment-container .moment-content{background:rgba(0,0,0,.65)}}.noscroll{height:100%}.intro,.noscroll{width:100%;overflow:hidden}.intro{height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.intro:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:250px;pointer-events:none;z-index:4}.gridMotion-container{gap:1rem;flex:none;position:relative;width:150vw;height:150vh;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:100%;transform:rotate(-15deg);transform-origin:center center;z-index:2}.row{display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);will-change:transform,filter}.row__item{position:relative;aspect-ratio:1/1}.row__item-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:30px;background-color:#111;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.row__item-img{width:100%;height:100%;background-size:cover;background-position:50% 50%;position:absolute;top:0;left:0}.row__item-content{padding:1rem;text-align:center;z-index:1}.fullview{position:relative;width:100%;height:100%;top:0;left:0;pointer-events:none}.fullview .row__item-inner{border-radius:0}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.soundpad-screen{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.aurora-background{position:absolute;top:0;left:0;width:100%;height:400px;z-index:1}.soundpad-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.soundpad-content .soundpad-content-wrapper{color:#fff;margin-top:20px;font-size:18px}.aurora-container{width:100%;height:100%}.teleprompter-screen{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.teleprompter-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.teleprompter-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.teleprompter-content .teleprompter-content-wrapper{color:#fff;margin-top:20px;font-size:18px}.beams-container{position:absolute;top:0;left:0;width:100%;height:100%}.apron-design-screen{position:relative;width:100vw;height:100vh;background:#fff;overflow:hidden}.apron-design-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.apron-design-background .apron-design-background-image{opacity:.2;filter:blur(2px)}.apron-design-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.apron-design-content .apron-design-content-wrapper{color:#fff;margin-top:20px;font-size:18px;display:flex}.apron-design-content .apron-design-content-wrapper .apron-design-content-gradient-text{margin:0}.apron-design-window-container{display:none}@media screen and (min-width:1025px){.apron-design-window-container{display:flex;position:absolute;right:170px;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none}}.mac-window{width:640px;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15),0 0 0 .5px rgba(0,0,0,.1);overflow:hidden;pointer-events:auto;transition:transform .2s ease-out;transform-style:preserve-3d}.mac-window-titlebar{height:38px;background:#ebebeb;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #d0d0d0;position:relative;border-radius:10px 10px 0 0}.mac-window-controls{display:flex;gap:8px;align-items:center}.mac-window-button{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:all .3s ease;opacity:1}.mac-window-button span{display:none}.mac-window-button:hover{opacity:.8;filter:brightness(.9)}.mac-window-button:active{opacity:.6}.mac-window-button-close{background:#ff5f57}.mac-window-button-close:hover{background:#ff3b30}.mac-window-button-minimize{background:#ffbd2e}.mac-window-button-minimize:hover{background:#ff9500}.mac-window-button-maximize{background:#28ca42}.mac-window-button-maximize:hover{background:#34c759}.mac-window-title{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.mac-window-title .mac-window-title-icon{font-size:14px}.mac-window-content{padding:20px;background:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.column{display:flex;flex-direction:column;gap:16px}.column-1{gap:12px}.column-2{gap:40px}.apron-title-section{margin-bottom:8px}.apron-title{font-size:36px;font-weight:600;color:#000;padding:10px 14px;border:2px solid rgba(0,0,0,0);border-radius:6px;transition:all .3s ease;display:inline-block;line-height:1.2}.apron-title.hovered{border-color:#4079ff;border-style:dashed}.skeleton-toggle-wrapper{display:flex;flex-direction:column;gap:10px}.skeleton-row{display:flex;gap:12px;align-items:center;width:100%}.skeleton-input{height:44px;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.skeleton-input:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 2s infinite}.skeleton-input-large{width:100%}.skeleton-input-group{display:flex;gap:12px;width:calc(100% - 52px - 12px)}.skeleton-input-group .skeleton-input{flex:1;width:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.toggle-wrapper{display:flex;align-items:center;flex-shrink:0}.toggle-switch{width:52px;height:32px;background:#e5e5e5;border-radius:16px;border:none;cursor:pointer;position:relative;padding:2px;transition:all .3s ease}.toggle-switch.active{background:#4079ff}.toggle-switch .toggle-handle{width:28px;height:28px;background:#fff;border-radius:50%;display:block;transition:all .3s ease;transform:translateX(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch.active .toggle-handle{transform:translateX(20px)}.button-section{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.btn{padding:10px 24px;border-radius:20px;border:1px solid rgba(0,0,0,0);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:160px;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-primary{background:#2c2c2c;color:#fff}.btn-primary:hover{background:#1a1a1a}.btn-main{background:#4079ff;color:#fff}.btn-main:hover{background:#2d5aa0}.btn-default{background:#fff;color:#000;border:1px solid #000}.btn-default:hover{background:#f5f5f5}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#d32f2f}.color-palette-section{display:flex;gap:0;justify-content:flex-start;align-items:start}.color-column{display:flex;flex-direction:column;gap:0}.color-block{width:44px;height:44px;border-radius:0;cursor:pointer;transition:all .3s ease}.color-block:hover{transform:translateY(-8px) scale(1.2);box-shadow:0 8px 16px rgba(0,0,0,.2);border-radius:6px;z-index:1;position:relative}.rating-badge-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:auto}.rating-section{display:flex;gap:2px;align-items:center}.star{font-size:28px;color:#d0d0d0;background:none;border:none;cursor:pointer;transition:all .3s ease;padding:0;line-height:1}.star.filled{color:#ffb800}.star:hover{transform:scale(1.2)}.badge-section{display:flex;gap:20px;align-items:center;margin-top:20px}.column-2 .badge-section{margin-top:auto}.badge-item{position:relative;width:56px;height:56px}.badge-square{width:100%;height:100%;background:#f5f5f5;border-radius:6px}.badge-dot,.badge-number,.badge-text{position:absolute;top:-4px;right:-4px;background:#ff3b30;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 5px}.badge-dot{width:10px;height:10px;min-width:10px;padding:0;top:-2px;right:-2px}.badge-text{border-radius:10px;font-size:9px;padding:0 6px;height:18px;min-width:auto;font-weight:600}.avatar-section{margin-top:8px}.avatar,.avatar-section{display:flex;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;justify-content:center;color:#fff;font-size:14px;font-weight:600;border:3px solid #fff;margin-left:-12px;position:relative}.avatar:first-child{margin-left:0}.avatar-blue{background:#4079ff}.avatar-green{background:#40ff7a}.avatar-image,.avatar-mask{background:#40ff7a;overflow:hidden}.avatar-mask{width:100%;height:100%;border-radius:50%;position:relative}.avatar-mask:before{top:10%;width:70%;height:60%;background:#87b3ff;border-radius:50% 50% 50% 50%/60% 60% 50% 50%;z-index:1}.avatar-mask:after,.avatar-mask:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.avatar-mask:after{top:25%;width:60%;height:35%;background:#fff;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;z-index:2}