@import"https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";*{box-sizing:border-box}body{background-color:var(--bg-color);color:#fff;font-family:var(--font-body)}a{text-decoration:none;color:inherit}button{cursor:pointer}:root{--bg-color: rgb(10, 10, 10);--bg-color-80: rgba(10, 10, 10, .8);--bg-color-70: rgba(10, 10, 10, .7);--bg-color-50: rgba(10, 10, 10, .5);--bg-color-30: rgba(10, 10, 10, .3);--bg-color-00: rgba(10, 10, 10, 0);--white-80: rgba(255, 255, 255, .8);--white-50: rgba(255, 255, 255, .5);--white-30: rgba(255, 255, 255, .3);--white-10: rgba(255, 255, 255, .1);--font-title: "Do Hyeon", sans-serif;--font-body: "Pretendard", "Noto Sans KR", sans-serif;--color-primary-start-rgb: 30, 213, 169;--color-primary-end-rgb: 1, 180, 228;--primary-gradient: linear-gradient( to right, rgba(var(--color-primary-start-rgb), 1), rgba(var(--color-primary-end-rgb), 1) );--skeleton-bg-base: #1c1c1c;--skeleton-bg-highlight: #2a2a2a;--skeleton-content-base: #2a2a2a;--skeleton-content-highlight: #3a3a3a}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hidden{opacity:0;transition:opacity .3s ease}.meta-item{display:flex;align-items:center;gap:.3rem}.meta-item img{width:16px;height:16px}.fade-up{opacity:0;transform:translateY(20%);transition:all .3s ease;pointer-events:none}.overlay{position:absolute;inset:0;background-color:var(--bg-color-50);font-family:var(--font-body);background:linear-gradient(var(--bg-color-00),var(--bg-color))}.common-btn{background-color:#535353;padding:.5rem 1rem;border:none;border-radius:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:700;color:inherit;transition:all .3s ease}.common-btn:hover{transform:translateY(-5px)}.common-btn img{width:20px;height:20px}.empty-message{border:1.5px solid var(--white-30);border-radius:.5rem;padding:2rem 1rem;text-align:center;color:var(--white-80)}.backdrop-skeleton{height:100vh}.backdrop-skeleton .react-loading-skeleton{--base-color: var(--skeleton-bg-base);--highlight-color: var(--skeleton-bg-highlight)}.content-container-skeleton{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;gap:3rem;align-items:center;width:100%;height:100%;padding:6rem 2rem 2rem}.content-container-skeleton .poster{min-width:300px;aspect-ratio:2/3}.content-container-skeleton .react-loading-skeleton,.content-tabs-skeleton .react-loading-skeleton,.section-skeleton .react-loading-skeleton{--base-color: var(--skeleton-content-base);--highlight-color: var(--skeleton-content-highlight)}.content-container-skeleton .genres{display:flex;gap:.5rem}.section-title-skeleton{margin-bottom:1rem}.profile-card-skeleton{display:flex;flex-direction:column;align-items:center}@media (min-width: 40rem){.content-container-skeleton{padding:6rem 4rem 2rem}}@media (min-width: 48rem){.content-container-skeleton{padding:6rem 4rem 2rem}}@media (min-width: 64rem){.content-container-skeleton{flex-direction:row;padding:8rem 4rem;gap:4rem;align-items:flex-start}}@media (min-width: 90rem){.content-container-skeleton{padding:8rem;gap:5rem}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.profile-card .react-loading-skeleton{--base-color: var(--skeleton-content-base);--highlight-color: var(--skeleton-content-highlight)}.backdrop{position:relative;width:100%;min-height:100vh;height:auto;background-size:cover;background-position:center}.content-info-section .overlay{background-color:var(--bg-color-70)}.content-container{position:relative;z-index:2;display:flex;flex-direction:column;gap:3rem;align-items:center;width:100%;height:100%;padding:6rem 2rem 2rem}.content-container .poster{position:relative}.content-container .poster img{max-width:20rem;border-radius:1rem;box-shadow:0 0 20px var(--bg-color-80)}.content-container .d-day-badge{position:absolute;margin:.5rem;padding:.5rem;background-color:var(--bg-color-80);border-radius:.5rem}.content-info{flex:1;width:100%;display:flex;flex-direction:column;gap:1rem}.content-container .title{font-size:2em;font-weight:700;display:flex;align-items:center;gap:.8rem}.rating-badge{display:inline-block;padding:.4rem;border-radius:.3rem;font-size:1rem;font-weight:700;color:#fff;background-color:var(--white-30)}.rating-ALL{background-color:#4caf50}.rating-12{background-color:#2196f3}.rating-15{background-color:#ff9800}.rating-19{background-color:#f44336}.content-container .tagline{font-style:italic;color:#ccc;margin-bottom:1rem}.details{display:flex;flex-direction:column;gap:.8rem}.details .meta-info div{margin-right:1rem;font-weight:500}.content-container .meta-info{display:flex;align-items:center}.content-container .genres{display:flex}.genres .genre-badge{background-color:var(--white-30);padding:.3rem .5rem;border-radius:.3rem;box-shadow:0 0 10px var(--bg-color-50);font-size:.9rem;margin-right:.5rem;cursor:pointer;transition:all .2s ease}.genres .genre-badge:hover{background-color:var(--white-50)}.content-container .overview{line-height:1.6}@media (min-width: 40rem){.content-container{padding:6rem 3rem 2rem}}@media (min-width: 48rem){.content-container{padding:6rem 4rem 2rem}}@media (min-width: 64rem){.content-container{flex-direction:row;padding:8rem 4rem;gap:4rem;align-items:flex-start}.content-info{display:flex;flex-direction:column;margin-top:2rem;gap:1rem}}@media (min-width: 90rem){.content-container{padding:8rem;gap:5rem}.content-info{margin-top:3rem}.details{flex-direction:row}}.trailer-btn{background:var(--primary-gradient)}.content-grid-section{padding:4rem}.content-grid-section h2{display:inline-block;margin-bottom:1rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}@media (min-width: 64rem){.content-grid-section{padding:4rem 6rem}.content-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem}}@media (min-width: 90rem){.content-grid-section{padding:4rem 10rem}}.content-card{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;width:100%;aspect-ratio:2 / 3}.card-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:all .3s ease}.card-image.loaded{opacity:1}.content-card:hover .card-image{transform:scale(1.05)}.content-card h3{position:absolute;bottom:0;left:0;right:0;padding:1rem;background-color:var(--bg-color-80);font-weight:500;font-size:1rem}.content-card .meta-item{position:absolute;top:0;margin:.5rem;padding:.5rem;background-color:var(--bg-color-80);border-radius:.5rem}.content-card:hover .fade-up{opacity:1;transform:translateY(0);pointer-events:auto}.d-day-badge{right:0;font-weight:600}.content-card .react-loading-skeleton{--base-color: var(--skeleton-content-base);--highlight-color: var(--skeleton-content-highlight)}.credits-section{padding:4rem}.credits-section h2{display:inline-block;margin-bottom:1rem}.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.show-more-card{display:flex;align-items:center;justify-content:center;background-color:var(--white-10);border-radius:12px;cursor:pointer;transition:all .3s ease;aspect-ratio:2 / 3}.show-more-card:hover{background-color:var(--white-30);transform:translateY(-2px)}.show-more-card span{color:#fff;font-size:1.1rem;transition:color .2s ease}@media (min-width: 64rem){.credits-section{padding:4rem 6rem}.credits-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem}}@media (min-width: 90rem){.credits-section{padding:4rem 10rem}}.profile-card{display:flex;flex-direction:column;gap:1rem}.profile-card img{border-radius:1rem}.profile-info{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:.5rem;line-height:1.2rem}.profile-info .name{font-size:1.2rem;font-weight:500}.profile-info .role{color:var(--white-50)}.content-tabs{display:flex;justify-content:center;margin-top:1rem}.tab-button-box{position:relative;display:flex;gap:.5rem;padding:.5rem;border-radius:1rem;background-color:var(--white-80);overflow:hidden}.tab-slider{position:absolute;height:80%;border-radius:1rem;background:var(--primary-gradient);transition:all .3s ease}.tab-button{position:relative;z-index:1;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:1rem;border:none;background:transparent;color:#000;cursor:pointer;transition:color .3s}.tab-button.active{color:#fff}.trailer-bg{position:fixed;inset:0;background-color:var(--bg-color-50);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:2rem;z-index:10}.trailer-box{width:80%;max-width:64rem;aspect-ratio:16 / 9;background-color:var(--bg-color);position:relative}.close-btn{position:absolute;top:-2.5rem;right:.5rem;background:none;border:none;color:inherit;font-size:2rem;font-weight:500;cursor:pointer;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:var(--white-30)}@media (min-width: 64rem){.close-btn{top:-2.8rem;right:.8rem;width:2.5rem;height:2.5rem;font-size:2.5rem}}.content-results-section{min-height:calc(100vh - 150px);margin-top:4rem;padding:0 2rem;display:flex;flex-direction:column;gap:2rem}.content-results-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.content-results-title-tabs{display:flex;flex-direction:column;gap:1rem;width:100%}.content-results-tabs{display:flex;gap:1rem;justify-content:start}.content-results-tabs button{border:none;background-color:inherit;color:inherit;padding-bottom:3px;border-radius:3px}.content-results-tabs button:hover{color:rgba(var(--color-primary-end-rgb),1)}.content-results-tabs button.active{color:rgba(var(--color-primary-end-rgb),1);border-bottom:2px solid rgba(var(--color-primary-end-rgb),1)}.content-results-header .content-sort-select{padding:.5rem;width:8rem;height:2.5rem;border-radius:.3rem;border:1.5px solid var(--white-30);background-color:var(--bg-color);color:#fff;font-size:.9rem;cursor:pointer;transition:border-color .2s}.content-results-header .content-sort-select:focus{outline:none;border-color:rgba(var(--color-primary-end-rgb),.8)}.content-results-body{display:flex;flex-direction:column;gap:2rem;position:relative}.content-pagination-info{font-size:1rem;font-weight:500;position:absolute;top:-30px;right:0;padding:0 1rem}.content-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}@media (min-width: 48rem){.content-results-section{padding:0 4rem}.content-results-header .content-sort-select{width:10rem}}@media (min-width: 64rem){.content-results-section{padding:3rem 6rem;flex-direction:row}.content-results-header{flex:1.5;gap:1rem;flex-direction:column;justify-content:flex-start;align-items:start}.content-results-header .content-sort-select{margin:0;width:10rem}.content-results-tabs{display:flex;align-items:center;justify-content:start}.content-results-body{flex:5}.content-results-grid{gap:2rem}}@media (min-width: 90rem){.content-results-section{padding:4rem 12rem}.content-results-body{flex:6}}.title-skeleton{padding:1rem 0}.content-results-header .react-loading-skeleton{--base-color: var(--skeleton-content-base);--highlight-color: var(--skeleton-content-highlight)}.content-sort-select-skeleton{width:8rem;height:2.5rem;border-radius:.3rem}@media (min-width: 48rem){.content-sort-select-skeleton{width:10rem}}@media (min-width: 64rem){.content-sort-select-skeleton{margin:0}}.pagination{display:flex;gap:10px;align-items:center;justify-content:center}.pagination button{padding:.4rem .8rem;background-color:inherit;color:inherit;border:none;border-radius:.5rem}.pagination button:not(:disabled):hover{background-color:var(--white-30)}.pagination-page{font-weight:500;font-size:1rem}.pagination-page.active{color:rgba(var(--color-primary-end-rgb),1);font-weight:700;text-decoration:underline}.pagination-prev:before{content:"< "}.pagination-next:after{content:" >"}.pagination-first{margin-right:10px}.pagination-last{margin-left:10px}.pagination-ellipsis{display:inline-block;color:#eee;font-weight:700;-webkit-user-select:none;user-select:none}.footer{padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.footer p{color:gray}.header{position:relative;font-family:var(--font-title);display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;left:0;width:100%;background:linear-gradient(var(--bg-color),var(--bg-color-00));z-index:10}.nav{font-family:var(--font-body);position:relative}.menu-btn{background-color:inherit;border:none}.menu-list{position:absolute;top:2.5rem;width:10rem;padding:.5rem;border:2px solid rgba(var(--color-primary-start-rgb),.8);border-radius:.5rem;background-color:var(--bg-color-80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease}.menu-list li{width:100%}.menu-list li:hover{background-color:var(--white-10);border-radius:.3rem}.menu-list li>button{width:100%;height:100%;padding:.5rem;border:none;background-color:inherit;color:#fff}.menu-list.open{opacity:1;transform:translateY(0);pointer-events:auto}.logo{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700;font-family:var(--font-title)}.search-form{display:flex;align-items:center;gap:.5rem}.search-input{opacity:0;width:0;padding:.3rem .5rem;border:2px solid var(--white-30);border-radius:.3rem;background-color:var(--bg-color);color:#fff;outline:none;transition:all .3s ease;z-index:1}.search-input:focus{border-color:rgba(var(--color-primary-end-rgb),.8)}.search-input.open{width:12rem;opacity:1}.search-btn{background-color:inherit;border:none;padding:.5rem}@media (min-width: 64rem){.search-input{opacity:1;width:15rem;padding:.5rem .8rem;font-size:1rem}}@media (min-width: 90rem){.search-input{width:20rem}}.banner-section .banner-swiper{--swiper-pagination-bullet-size: 12px;--swiper-pagination-color: rgb(255, 255, 255);--swiper-pagination-bullet-inactive-color: var(--white-30)}.banner-section .swiper-pagination-bullet-active{width:20px;border-radius:.5rem}.banner-swiper-slide{position:relative}.banner-img-container{display:flex;position:relative;width:100%;height:100vh;overflow:hidden}.banner-img-container img{width:100%;height:100%;object-fit:cover}.banner-info{width:100%;position:absolute;bottom:0;left:0;padding:1rem 1rem 5rem;display:flex;flex-direction:column;gap:1rem}.movie-logo{width:18rem;object-fit:contain;margin-bottom:1rem}.banner-info h2{font-size:2rem;font-weight:900;text-shadow:2px 2px 4px rgba(var(--color-primary-start-rgb),1)}.banner-info .movie-stats{display:flex;align-items:center;gap:.8rem}.banner-info p{width:100%;line-height:1.6rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.banner-info .button-section{display:flex;gap:1rem;align-items:center}@media (min-width: 40rem){.banner-img-container{aspect-ratio:4 / 5}.banner-info{padding:3rem 3rem 6rem}.banner-info p{width:80%}.banner-info h2{font-size:2.5rem}}@media (min-width: 48rem){.banner-img-container{aspect-ratio:1}.banner-info{padding:6rem}.banner-info p{width:70%}}@media (min-width: 64rem){.banner-img-container{aspect-ratio:14 / 9}}@media (min-width: 90rem){.banner-img-container{aspect-ratio:16 / 9}.banner-info .movie-logo{width:24rem}.banner-info{padding:10rem 10rem 6rem}.banner-info h2{font-size:2.8rem;text-shadow:2.5px 2.5px 4px rgba(var(--color-primary-start-rgb),1)}}.banner-skeleton{position:relative;width:100%;height:100vh;aspect-ratio:3 / 5}.banner-info-skeleton .title-skeleton{height:2rem}.banner-info-skeleton .overview-skeleton{width:100%}.banner-info-skeleton .btn-skeleton{margin-top:.5rem}.banner-skeleton .react-loading-skeleton{--base-color: var(--skeleton-bg-base);--highlight-color: var(--skeleton-bg-highlight)}.banner-info-skeleton .react-loading-skeleton{--base-color: var(--skeleton-content-base);--highlight-color: var(--skeleton-content-highlight)}@media (min-width: 40rem){.banner-skeleton{aspect-ratio:4 / 5}.banner-info-skeleton .overview-skeleton{width:80%}.banner-info-skeleton .title-skeleton{height:2.5rem}}@media (min-width: 48rem){.banner-skeleton{aspect-ratio:1}.banner-info-skeleton .overview-skeleton{width:70%}}@media (min-width: 64rem){.banner-skeleton{aspect-ratio:14 / 9}.banner-info-skeleton .title-skeleton{height:3rem}}@media (min-width: 90rem){.banner-skeleton{aspect-ratio:16 / 9}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.content-list{margin:1rem;padding-top:1.5rem}.content-list-header{display:flex;justify-content:space-between;align-items:center}.content-list-header .header-left{display:flex;flex-direction:column}.content-title{font-size:1.5rem;font-weight:700;padding:1rem 0;line-height:1.5}.content-title:before{content:"|";padding-right:.5rem}.toggle-btn-container{display:flex;gap:1rem;align-items:center}.content-header-btn{border:2px solid var(--white-80);border-radius:.5rem;overflow:hidden}.content-header-btn button{padding:.3rem .8rem;font-size:.8rem;font-weight:700;color:inherit;background-color:var(--bg-color);border:none;transition:background .3s ease}.content-header-btn button:hover{background:var(--white-30)}.content-header-btn button.active{background:var(--primary-gradient)}.content-list .content-swiper{position:relative;padding:1.5rem}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;color:inherit;border:none;background:var(--bg-color-50);border-radius:50%;display:flex;align-items:center;justify-content:center}.prev-btn{left:0}.next-btn{right:0}.prev-btn img{transform:scaleX(-1)}.prev-btn img,.next-btn img{width:1rem}.prev-btn:hover,.next-btn:hover{background:var(--primary-gradient)}.view-all-btn{padding:.5rem 1rem;background-color:inherit;color:inherit;border:none;border-radius:.5rem;font-weight:500;transition:background-color .2s ease}.view-all-btn:hover{background-color:#535353}@media (min-width: 40rem){.content-list{margin:2rem}}@media (min-width: 48rem){.content-list{margin:3.5rem}.content-list-header .header-left{flex-direction:row;gap:1rem}.content-header-btn button{font-size:1rem}.prev-btn,.next-btn{width:3rem;height:3rem}.prev-btn img,.next-btn img{width:1.5rem}}@media (min-width: 64rem){.content-list{margin:5rem}.content-title{font-size:1.8rem}.view-all-btn{font-size:1rem}.prev-btn,.next-btn{width:3.5rem;height:3.5rem}}@media (min-width: 90rem){.content-list{margin:5rem 8rem}}.scroll-top-button{position:fixed;right:2rem;bottom:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 8px rgba(var(--color-primary-start-rgb),1);transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20%);z-index:10}.scroll-top-button.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-button:hover{transform:translateY(-4px);filter:brightness(1.1)}.scroll-top-button img{width:1.8rem;height:1.8rem;transition:transform .3s ease}.scroll-top-button:hover img{transform:translateY(-2px)}@media (min-width: 64rem){.scroll-top-button{right:2.5rem;bottom:2.5rem;width:3.5rem;height:3.5rem}.scroll-top-button img{width:2rem;height:2rem}}