.jump-enter-active{animation:jumpIn .3s}.jump-leave-active{animation:jumpOut .3s}@keyframes jumpIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes jumpOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#template__calculator .calculator__wattage{padding:25px;margin-bottom:12px;text-align:center;background-color:var(--color-gray-200);border-radius:4px}@media(min-width: 1200px){#template__calculator .calculator__wattage{padding:35px}}#template__calculator .calculator__wattage .text{color:var(--color-black);font-size:20px;font-weight:bold}#template__calculator .calculator__wattage .number{color:var(--color-gold-400);font-size:36px}#template__calculator .btn-reset{width:95px;height:41px;color:var(--color-gray-800);border-radius:4px;border:1px solid var(--color-gray-300);background-color:var(--color-white)}#template__calculator .btn-reset:hover{background-color:var(--color-gray-300)}#template__calculator .btn-reset .refresh-icon{margin-right:3px;font-weight:bold;vertical-align:text-top}#template__recommended-products .recommended__content{position:relative;padding:35px;border:1px solid var(--color-gray-300);border-radius:4px}#template__recommended-products .recommended__content .text{color:var(--color-black);font-size:16px;text-align:center;word-wrap:break-word}#template__recommended-products .recommended__carousel{height:430px}#template__recommended-products .recommended__filter{display:flex;padding:22px 15px;background-color:var(--color-gray-200);justify-content:space-around;align-items:center;margin-bottom:15px;border-radius:4px}#template__recommended-products .recommended__filter .filter-icon{font-size:33px}#template__recommended-products .custom-select{width:180px}#template__recommended-products .custom-select .select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faqTitle{color:var(--color-gray-800);font-size:var(--title-xl)}@media(min-width: 1200px){.faqTitle{text-align:center}}.faqContent{margin-top:20px}@media(min-width: 1200px){.faqContent{margin-top:38px}}.faqItem{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-200)}.faqItem .question{display:flex;font-size:var(--link-md);width:100%;padding:15px 0}.faqItem .question__title{margin-left:5px;text-align:left;line-height:1.2}.faqItem .answer{color:var(--color-gray-800);background-color:var(--color-gray-100);padding:20px 25px 32px;line-height:1.5}.faqItem .answer a{text-decoration:underline;color:var(--color-gray-800)}.faqItem .answer a:hover{text-decoration:none}.faqItem .answer p{padding-bottom:10px}#template__grid__carousel{height:100%}#template__grid__carousel .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto;padding-bottom:20px}#template__grid__carousel .swiper-slide{text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px) / 2) !important;display:flex;justify-content:center;align-items:center}#template__grid__carousel .carousel__card{width:auto;display:block}#template__grid__carousel .carousel__card img{width:100%;height:100%;object-fit:cover;padding:0px 50px}#template__grid__carousel .card__body{text-align:center;word-break:break-all}#template__grid__carousel .card__title{color:var(--color-black);font-size:18px;font-weight:bold;margin:10px 0 15px 0}#template__grid__carousel .carousel__pagination{bottom:0 !important}#template__grid__carousel .carousel__pagination span{width:50px;height:5px;background:var(--color-gray-800);border-radius:0}.template__multiple__select{z-index:2}.template__multiple__select .custom-select{position:relative;display:inline-block;border:1px solid var(--color-gray-300);background-color:#fff;border-radius:4px;font-size:14px;line-height:1.5;color:#333;padding:15px 32px 15px 20px}.template__multiple__select .custom-select:hover{background-color:#fafafa}.template__multiple__select .custom-select .select-value{font-size:17px}.template__multiple__select .custom-select .select-arrow{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.template__multiple__select .custom-select .select-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid var(--color-gray-300);border-radius:4px;margin-top:10px;padding:5px 0}.template__multiple__select .custom-select .option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 15px;cursor:pointer}.template__multiple__select .custom-select .option:hover{background-color:#f5f5f5}.template__multiple__select .custom-select .option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.template__multiple__select .custom-select .option label{display:flex;align-items:center;width:100%}.template__multiple__select .custom-select .option label::before{content:"";display:inline-block;width:16px;height:16px;border:1px solid #ccc;border-radius:3px;margin-right:8px;background-color:#fff;vertical-align:middle}.template__multiple__select .custom-select .option input[type=checkbox]:checked+label::before{background-color:#3f51b5;content:"V";color:#fff;text-align:center;line-height:16px}.template__multiple__select .custom-select .option span{font-size:17px;line-height:1.5;color:#333}.template__multiple__select .custom-select .checked__icon{color:var(--color-gray-400);font-weight:bold;font-size:17px}.template__base__select{position:relative;cursor:pointer;user-select:none;transition:all 200ms linear;border-radius:4px;padding:0}.template__base__select .filter__label{font-size:var(--title-xs);color:var(--color-black)}.template__base__select .checked__item{width:100%;display:flex;justify-content:space-between;padding:17px 15px 17px 20px;text-align:left;font-family:var(--MSIBodyFont);font-size:var(--title-xs);line-height:16px;outline:none;border:1px solid var(--color-gray-300);border-radius:4px;background-color:var(--color-white)}.template__base__select .checked__item:hover{background-color:#fafafa}.template__base__select .dropdown__btn__text{overflow:hidden;white-space:nowrap}.template__base__select .dropdown__btn__icon{margin-left:10px}.template__base__select .dropdown__options__container{width:100%;border:1px solid var(--color-gray-300);border-radius:4px;z-index:99;position:absolute;padding:5px 0;margin-top:5px;background-color:var(--color-white)}.template__base__select .dropdown__options__cell{display:block;font:var(--title-xs);padding:10px 20px}.template__base__select .dropdown__options__cell:hover{background:var(--color-gray-200)}.template__base__select input[type=checkbox],.template__base__select input[type=radio]{opacity:1;display:none}.template__base__select .checked__option{width:100%;display:flex;justify-content:space-between;cursor:pointer;align-items:center;font-size:var(--title-xs)}.template__base__select .checked__icon{opacity:0;padding:10px}.template__base__select .checkbox:checked+.checked__option .checked__icon{opacity:1}.template__base__select .checked__icon,.template__base__select .dropdown__btn__icon{color:var(--color-gray-400);font-weight:bold}.power__calculator__Loading{background-color:#fff;position:absolute;top:0;bottom:0;right:0;left:0;height:3000px;z-index:999}.circle{width:80px;height:80px;position:absolute;top:10%;bottom:75%;right:0;left:0;margin:auto;border-radius:100%;border:10px solid #d0d0d0;border-top-color:#adadad;animation:spin 2s infinite linear}@keyframes spin{100%{transform:rotate(360deg)}}.hide-scrollbar::-webkit-scrollbar{display:none}#power__calculator{display:block;position:relative}@media(min-width: 1200px){#power__calculator{position:static}}#power__calculator .calculator__background{background-color:var(--color-gray-100)}#power__calculator .banner{background-image:url("https://storage-asset.msi.com/global/picture/power_calculator/kv.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;color:var(--color-white);box-shadow:0px 10px 10px #00000029}#power__calculator .banner .article{text-align:center;padding:68px 0 138px}@media(min-width: 1200px){#power__calculator .banner .article{padding:117px 0 217px}}#power__calculator .banner .title{margin-bottom:42px;font-size:24px}@media(min-width: 1200px){#power__calculator .banner .title{font-size:36px}}#power__calculator .banner .describe{margin-bottom:50px;padding:0 22px;font-size:20px;line-height:30px}@media(min-width: 1200px){#power__calculator .banner .describe{padding:0px 196px}}#power__calculator .banner .notice{font-size:16px}#power__calculator .sub__title{color:var(--color-black);font-weight:bold;margin-bottom:15px;text-align:center;font-size:15px}@media(min-width: 1200px){#power__calculator .sub__title{text-align:left;font-size:20px}}#power__calculator .divider{height:1px;background-color:var(--color-gray-300);margin-bottom:6.5px}#power__calculator .dropdown__options__container{max-height:250px;overflow:auto}#power__calculator .dropdown__options__container::-webkit-scrollbar{width:5px}#power__calculator .dropdown__options__container::-webkit-scrollbar-track{background-color:var(--color-gray-200)}#power__calculator .dropdown__options__container::-webkit-scrollbar-thumb{background-color:var(--color-gray-400)}#power__calculator .content{display:flex;flex-direction:column;margin-top:-97px;padding-bottom:71.5px}@media(min-width: 1200px){#power__calculator .content{flex-direction:row}}#power__calculator .content .components__block,#power__calculator .content .calculator__block{flex-grow:1;padding:37px 35px 46px 35px;background-color:var(--color-white);border-radius:5px}@media(min-width: 1200px){#power__calculator .content .components__block,#power__calculator .content .calculator__block{padding:57px 35px 46px 35px}}#power__calculator .components__block{margin-right:0px}@media(min-width: 1200px){#power__calculator .components__block{min-width:737px;margin-right:12px}}#power__calculator .calculator__block{display:none}@media(min-width: 1200px){#power__calculator .calculator__block{display:block;min-width:519px;position:static}}@media(min-width: 1200px){#power__calculator .calculator__block .recommended__products{margin:50px 0}}#power__calculator .calculator__faq{padding-top:31px;padding-bottom:69px}@media(min-width: 1200px){#power__calculator .calculator__faq{padding-top:73px;padding-bottom:72px}}.mobile__calculator{display:block;position:fixed;bottom:0;z-index:700;left:0;width:100%;background-color:var(--color-gray-200);box-shadow:0px 0px 10px #00000029}@media(min-width: 1200px){.mobile__calculator{display:none}}.mobile__calculator .mobile__calculator__content,.mobile__calculator .mobile__recommended__products{padding:25px 28px 0 25px}.mobile__calculator .calculator__content{display:flex;align-items:center;justify-content:space-between}@media(min-width: 1200px){.mobile__calculator .calculator__content{display:block}}.mobile__calculator .swiper-slide{background:transparent}.mobile__calculator .recommended__filter{padding:22px 0}.mobile__calculator .expand__btn{width:100%;background:gray;padding:16px 0;color:#fff;font-weight:bold}.mobile__calculator .expand__btn--active{position:fixed;bottom:0;left:0}.fullScreen{top:0;left:0;height:100%}#template__grid__carousel .swiper{padding:0 28px}#template__grid__carousel .swiper-slide{background:transparent}#template__componentMenu .row{display:block;margin:6px 0}@media(min-width: 1200px){#template__componentMenu .row{display:flex;align-items:center}}#template__componentMenu .add__btn{display:flex;justify-content:flex-end;font-size:13px;color:var(--color-gray-800);align-items:center;margin:0 0 20px 0;padding-right:0px}@media(min-width: 1200px){#template__componentMenu .add__btn{padding-right:20px}}#template__componentMenu .add__btn button{border-bottom:1px solid transparent}#template__componentMenu .add__btn button:hover{border-bottom:1px solid #ccc}#template__componentMenu .add__icon{font-size:14px;margin-right:7px;vertical-align:text-top;background:var(--color-gray-300);border-radius:20px}#template__componentMenu .component__group{margin:0 0 10px 0}@media(min-width: 1200px){#template__componentMenu .component__group{margin:15px 0 10px 0}}#template__componentMenu .delete__icon{position:absolute;top:-24px;right:15px}.template__two-select-filters,.template__three-select-filters,.template__one-select-filters{display:flex;flex-direction:column;margin:5px 0;position:relative}@media(min-width: 1200px){.template__two-select-filters,.template__three-select-filters,.template__one-select-filters{flex-direction:row}}.template__two-select-filters .label,.template__three-select-filters .label,.template__one-select-filters .label{font-size:16px;margin-bottom:6px}@media(min-width: 1200px){.template__two-select-filters .label,.template__three-select-filters .label,.template__one-select-filters .label{margin-bottom:0;width:35%}}.template__basic-select-filter{display:flex;flex-direction:column;margin:6px 0}@media(min-width: 1200px){.template__basic-select-filter{flex-direction:row;align-items:center}}.template__basic-select-filter .label{font-size:16px;margin-bottom:6px}@media(min-width: 1200px){.template__basic-select-filter .label{margin-bottom:0;width:35%}}.template__base__select{width:auto}@media(min-width: 1200px){.template__base__select{width:65%}}@media(min-width: 1200px){.template__other__filter{display:flex}}.template__other__filter .label{font-size:16px;margin-bottom:6px}@media(min-width: 1200px){.template__other__filter .label{margin-bottom:0;width:35%}}.template__other__filter .pd__row{padding:10px 0}.template__other__filter .checkbox__container{width:65%;display:flex}.filter{display:flex;flex-direction:column;padding:0;position:relative}@media(min-width: 1200px){.filter{width:69%;padding:0px 20px 0 0}}.pcie{display:flex;flex-direction:column;margin:18px 0}@media(min-width: 1200px){.pcie{flex-direction:row}}.category{width:auto}@media(min-width: 1200px){.category{width:31%}}.category .category__title{display:flex;align-items:center;padding:15px 0 10px 0}@media(min-width: 1200px){.category .category__title{padding:15px 0 0 0}}.category .title__text{font-weight:bold;font-size:16px}.category .category__icon{font-size:50px;margin-right:15px}.category--show{visibility:visible}.category--hidden{display:none !important}@media(min-width: 1200px){.category--hidden{visibility:hidden}}.white__bg{background-color:var(--color-white)}.gray__bg{background-color:var(--color-gray-100);padding-top:37px}.custom-checkbox{position:relative;display:inline-block;width:20px;height:20px}.custom-checkbox input[type=checkbox]{opacity:0;cursor:pointer;height:100%;width:100%;position:absolute;z-index:1}.checkmark{position:absolute;top:0;left:0;width:20px;height:20px;background-color:transparent;border:1px solid #ccc;border-radius:4px}.custom-checkbox input[type=checkbox]:checked~.checkmark{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.checkmark .icon-msi-checked{color:var(--color-white)}