/* pages/style-stories/style-stories.scss */
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}#breadcrumbs{margin-right:var(--header-x-gap);margin-top:15px;margin-bottom:15px}#style-stories{margin-top:40px}@media (min-width:768px){#style-stories{margin-top:5px}}#style-stories .intro{text-align:center;position:relative}#style-stories .intro .desc{max-width:752px;margin:0 auto}#style-stories .items{position:relative;padding:0 var(--header-x-gap);margin-top:20px;width:100%;overflow:hidden;display:flex;flex-direction:column}#style-stories .items .controls{order:3}@media (min-width:768px){#style-stories .items{margin-top:90px}}#style-stories .items .spinner-border{width:60px;height:60px;position:absolute;top:100px;left:calc(50% - 30px);border-width:2px}#style-stories .items .swiper-container{overflow:visible;margin:initial}#style-stories .items .swiper-slide{height:auto;flex-grow:0;flex-shrink:0;flex-basis:77vw;max-width:500px;opacity:0;transition:opacity 0.3s, transform 1.3s cubic-bezier(0.9, 0.08, 0.2, 1.06);transform:translateX(-70vw)}#style-stories .items .swiper-slide:nth-child(1){transition-delay:0.15s, 0.15s}#style-stories .items .swiper-slide:nth-child(2){transition-delay:0.3s, 0.3s}#style-stories .items .swiper-slide:nth-child(3){transition-delay:0.45s, 0.45s}#style-stories .items .swiper-slide:nth-child(4){transition-delay:0.6s, 0.6s}#style-stories .items .swiper-slide:nth-child(5){transition-delay:0.75s, 0.75s}#style-stories .items .swiper-slide:nth-child(6){transition-delay:0.9s, 0.9s}#style-stories .items .swiper-slide:nth-child(7){transition-delay:1.05s, 1.05s}#style-stories .items .swiper-slide:nth-child(8){transition-delay:1.2s, 1.2s}#style-stories .items .swiper-slide:nth-child(9){transition-delay:1.35s, 1.35s}#style-stories .items .swiper-slide:nth-child(10){transition-delay:1.5s, 1.5s}#style-stories .items .swiper-container.swiper-initialized .swiper-slide{opacity:1;transform:none}#style-stories .items .swiper-container.swiper-initialized~.spinner-border{display:none}#style-stories .items .item{--aspect-ratio: 140%;position:relative}#style-stories .items .item-background img{object-fit:cover}#style-stories .items .item-background:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.56) 69.9%, rgba(0, 0, 0, 0.48) 100%, rgba(0, 0, 0, 0.5) 100%);transition:opacity 0.25s;will-change:opacity;opacity:0.5}#style-stories .items .item-content{position:absolute;left:0;bottom:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:white;padding:15px}@media (min-width:768px){#style-stories .items .item-content{padding:35px}}#style-stories .items .item-content__title{font-size:20px;line-height:1;font-weight:400;margin-bottom:0}@media (min-width:768px){#style-stories .items .item-content__title{font-size:25px}}#style-stories .items .item-content__title a{text-decoration:none;color:inherit}#style-stories .items .item-content__title a:focus{text-decoration:underline}#style-stories .items .item-content__subtitle{font-size:16px;font-weight:400;line-height:1;letter-spacing:-0.2px;margin-top:10px;font-style:normal;margin-bottom:0}#style-stories .items .item-content__desc{margin-top:5px;font-weight:300;font-size:14px;line-height:18px}@media (min-width:768px){#style-stories .items .item-content__desc{margin-top:22px;font-size:18px;line-height:25px}}#style-stories .items .item-content .btn-link{z-index:1;--text-color: white;--icon-color: white}@media (pointer:fine){#style-stories .items .item .item-content__collapse{overflow:hidden;will-change:margin-top, max-height, opacity;transition:margin-top 1s, max-height 1s, opacity 0.4s;max-height:0;opacity:0}#style-stories .items .item:hover .item-content__collapse,#style-stories .items .item:focus-within .item-content__collapse{max-height:250px;opacity:1}}#style-stories .items .item:hover .item-background:after,#style-stories .items .item:focus-within .item-background:after{opacity:1}#style-stories .items .item-quiz{background:#f7f7f7;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:23px}@media (min-width:768px){#style-stories .items .item-quiz{padding:36px}}#style-stories .items .item-quiz .icon{width:50px;height:50px;margin-bottom:25px}@media (min-width:768px){#style-stories .items .item-quiz .icon{width:74px;height:74px;margin-bottom:37px}}#style-stories .items .item-quiz .item-title{flex-shrink:0;margin-bottom:19px}@media (min-width:768px){#style-stories .items .item-quiz .item-title{margin-bottom:47px}}#style-stories .items .controls{padding:22px 0 70px;display:flex;flex-direction:column;align-items:center}@media (min-width:768px){#style-stories .items .controls{padding:35px 0;flex-direction:row;align-items:center;justify-content:space-between}}#style-stories .items .controls-scrollbar{width:100%;height:2px;background:#ececec}@media (min-width:768px){#style-stories .items .controls-scrollbar{flex-grow:1}}#style-stories .items .controls-scrollbar__fill{will-change:width;background:black;height:100%}#style-stories .items .controls-actions{display:flex;flex-direction:row;align-items:center;padding-top:20px;flex-shrink:0}@media (min-width:768px){#style-stories .items .controls-actions{padding-top:0;padding-right:20px}}#style-stories .items .controls-actions__prev,#style-stories .items .controls-actions__next{display:flex}#style-stories .items .controls-actions__prev svg,#style-stories .items .controls-actions__next svg{flex-shrink:0;flex-grow:0;width:21px;height:21px;color:black}#style-stories .items .controls-actions__prev.swiper-button-disabled svg,#style-stories .items .controls-actions__next.swiper-button-disabled svg{color:#aaa}#style-stories .items .controls-actions__next{order:4}#style-stories .items .controls-actions__next svg{transform:scaleX(1)}#style-stories .items .controls-actions__prev{transform:scaleX(-1)}#style-stories .items .controls-actions__pagination{padding:0 11px;font-size:20px;font-weight:300;display:none}#style-stories .dropdown{width:fit-content;margin:auto;right:0;left:0;bottom:-55px;position:initial}@media (min-width:768px){#style-stories .dropdown{position:absolute}}#style-stories .dropdown-toggle{position:relative;padding:5px 19px;font-size:18px}#style-stories .dropdown-toggle:after{box-sizing:content-box;content:'';display:block;width:6px;height:6px;border:1px solid #DC4405 !important;transition:border 0.4s, transform 0.3s;border-top:0 !important;border-left:0 !important;transform:rotate(45deg);margin-right:9px;margin-top:-5px;position:absolute;left:0;top:50%}#style-stories .dropdown-toggle.show:after{transform:rotate(225deg) translate(-3px, -2px)}#style-stories .dropdown-menu{border:none;box-shadow:0 3px 7px 0 rgba(0, 0, 0, 0.12);width:100%}#style-stories .dropdown-item{font-size:16px;font-weight:100}