.modal{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal.is_open{display:block;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.modal .modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background-color:rgba(155,155,155,.8);backdrop-filter:blur(2px);will-change:backdrop-filter;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal .modal__overlay .modal__container{width:calc(100% - 24px);height:100%;max-height:80svh;margin:0 24px;display:grid;place-items:center;background-color:#fff;-webkit-box-shadow:rgba(0,0,0,.4) 0px 3px 8px;box-shadow:rgba(0,0,0,.4) 0px 3px 8px;border-radius:4px;overflow-y:auto;position:relative}.modal .modal__overlay .modal__container__content{width:100%;height:100%;overflow-y:auto;padding:16px}.modal .modal__overlay .modal__container__content h3{padding:4px;background:#000050;border-radius:4px;font-size:1.125rem;text-align:center;color:#fff}.modal .modal__overlay .modal__container__content .item-detail{display:grid;gap:16px}.modal .modal__overlay .modal__container__content .item-detail__img{border:1px solid #000050;border-radius:4px;overflow:hidden}.modal .modal__overlay .modal__container__content .item-detail__desc{padding:8px;background:#e4eef0;border:1px solid #000050;border-radius:4px}.modal .modal__overlay .modal__container__content .item-detail__desc p{font-size:.875rem}.modal .modal__overlay .modal__container__content .item-detail__spec{display:grid;gap:16px}.modal .modal__overlay .modal__container__content .item-detail__spec p{margin-bottom:0}.modal .modal__overlay .modal__container__content .item-detail__spec__list{display:grid;gap:8px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item{padding:8px;background:#e4eef0;border:1px solid #000050;border-radius:4px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item__head{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #000050}.modal .modal__overlay .modal__container__close{width:100%;margin-top:auto;padding:8px;border-top:1px solid #000050;background:#e4eef0}.modal .modal__overlay .modal__container__close .close-btn{width:min(80%,480px);height:100%;margin:0 auto;padding:12px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#2ec8eb;border:1px solid #000050;border-radius:4px;line-height:1;color:#000050;text-decoration:none;cursor:pointer}.modal .modal__overlay .modal__container__close .close-btn__txt{padding-bottom:1px;display:grid;place-content:center;font-size:1.125rem;font-weight:900;line-height:1;pointer-events:none}.modal .modal__overlay .modal__container__close .close-btn__icon{width:.85rem;height:auto;aspect-ratio:1/1;margin-right:8px;display:block;background:url(../img/icon__arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;rotate:180deg;pointer-events:none}@media screen and (min-width: 600px){.modal .modal__overlay .modal__container{width:min(100% - min(8vw,72px)*2,640px);border-radius:8px}.modal .modal__overlay .modal__container__content{padding:min(8vw,72px)}.modal .modal__overlay .modal__container__content h3{padding:8px}.modal .modal__overlay .modal__container__content .item-detail__img{margin-top:8px;border:1px solid #000050;border-radius:4px;overflow:hidden}.modal .modal__overlay .modal__container__content .item-detail__desc{padding:8px;background:#e4eef0;border:1px solid #000050;border-radius:4px}.modal .modal__overlay .modal__container__content .item-detail__desc p{font-size:.875rem}.modal .modal__overlay .modal__container__content .item-detail__spec__list{display:grid;gap:8px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item{padding:8px;background:#e4eef0;border:1px solid #000050;border-radius:4px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item__head{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #000050}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item__content{font-size:.875rem}.modal .modal__overlay .modal__container__close{padding:16px}.modal .modal__overlay .modal__container__close .close-btn{padding:16px 0}.modal .modal__overlay .modal__container__close .close-btn__txt{padding-bottom:0;font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.modal .modal__overlay .modal__container__close .close-btn__icon{width:1.125rem;margin-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}}@media screen and (min-width: 1200px){.modal .modal__overlay .modal__container{max-height:calc(100svh - 48px);border-radius:16px}.modal .modal__overlay .modal__container__content{padding:min(4vw,48px)}.modal .modal__overlay .modal__container__content h3{padding:8px}.modal .modal__overlay .modal__container__content .item-detail{gap:24px}.modal .modal__overlay .modal__container__content .item-detail__img{border-radius:8px}.modal .modal__overlay .modal__container__content .item-detail__desc{padding:16px}.modal .modal__overlay .modal__container__content .item-detail__spec__list{display:grid;gap:8px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item{padding:16px;background:#e4eef0;border:1px solid #000050;border-radius:4px}.modal .modal__overlay .modal__container__content .item-detail__spec__list .list-item__head{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #000050}}.modal[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .8s cubic-bezier(0.34, 0.07, 0.095, 0.995);animation:mmfadeIn .8s cubic-bezier(0.34, 0.07, 0.095, 0.995)}.modal[aria-hidden=false] .modal__container{-webkit-animation:mmslideIn .8s cubic-bezier(0.34, 0.07, 0.095, 0.995);animation:mmslideIn .8s cubic-bezier(0.34, 0.07, 0.095, 0.995)}.modal[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .8s cubic-bezier(0.34, 0.07, 0.095, 0.995);animation:mmfadeOut .8s cubic-bezier(0.34, 0.07, 0.095, 0.995)}.modal[aria-hidden=true] .modal__container{-webkit-animation:mmslideOut .8s cubic-bezier(0.34, 0.07, 0.095, 0.995);animation:mmslideOut .8s cubic-bezier(0.34, 0.07, 0.095, 0.995)}@-webkit-keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideIn{from{-webkit-transform:translateX(10%);transform:translateX(10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes mmslideIn{from{-webkit-transform:translateX(10%);transform:translateX(10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes mmslideOut{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@keyframes mmslideOut{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-10%);transform:translateX(-10%)}}