.size-popup{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#d9d9d980;transition:all .4s ease;z-index:22;opacity:0;pointer-events:none}.size-popup.page{position:relative;opacity:1;pointer-events:initial;transition:none;background-color:transparent;height:auto;z-index:1}.size-popup.show{opacity:1;pointer-events:initial}.size-popup .inner{position:absolute;transform:translate3d(-50%,-40%,0);opacity:0;left:50%;top:50%;max-width:1200px;width:80%;height:auto;background-color:var(--color-white);padding:var(--padding-general);transition:all .4s ease;transition-delay:.3s}.size-popup.page .inner{position:relative;opacity:1;transform:none;background-color:transparent;top:0;left:0;max-width:100%;width:100%}.size-popup.show .inner{opacity:1;transform:translate3d(-50%,-50%,0)}.size-popup .header{width:100%;border-bottom:1px solid var(--color-gray);padding-bottom:6px;overflow:hidden}.size-popup .header .title{float:left}.size-popup .header .close{float:right;width:10px;height:10px;display:block;background-image:url(close.svg);background-repeat:no-repeat;background-size:contain;background-position:center;cursor:pointer}.size-popup .content{width:100%;display:flex;flex-wrap:wrap;padding-top:var(--padding-general);overflow:hidden;position:relative}.size-popup .content figure,.size-popup .content .info{width:50%}.size-popup .content figure img{width:100%;height:auto;display:block}.size-popup .content .info{position:absolute;left:50%;padding:0 0 0 15px;height:calc(100% - var(--padding-general));z-index:2;overflow-y:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.size-popup.page .content .info{overflow:hidden;height:auto;position:relative;left:0}.size-popup .content .info::-webkit-scrollbar{display:none}.size-popup .content .info .table-group{margin-bottom:40px;display:block}.size-popup .content .info span.title{border-bottom:1px solid var(--color-black);padding-bottom:3px;margin-bottom:20px;display:inline-block}.size-popup .content .info .table-group>.table-grid{width:100%;display:grid;-webkit-grid-gap:0;grid-gap:0;-webkit-grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.size-popup .content .info .table-group>.table-grid.c3{-webkit-grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.size-popup .content .info .table-group>.table-grid.c5{-webkit-grid-template-columns:repeat(5,1fr);grid-template-columns:repeat(5,1fr)}.size-popup .content .info .table-group>.table-grid>div{width:100%;-webkit-grid-column:span 1;grid-column:span 1;position:relative;padding:15px 5px;text-align:center;border-bottom:1px solid var(--color-white-almost);border-right:1px solid var(--color-white-almost)}.size-popup .content .info .table-group>.table-grid>div.label{background-color:var(--color-white-almost);border-color:var(--color-white)}.size-popup .content .info p{margin-bottom:20px}.size-popup .content .info p.dual-color{color:var(--color-gray-2)}.size-popup .content .info p.dual-color span{color:var(--color-black);text-transform:uppercase}@media (min-aspect-ratio: 1680/880){.size-popup .inner{max-width:60vw}.size-popup .content .info .table-group>.table-grid>div{padding:8px 5px}}@media (min-aspect-ratio: 1680/710){.size-popup .inner{max-width:50vw}}@media (min-aspect-ratio: 1680/600){.size-popup .inner{max-width:40vw}.size-popup .content{height:80vh}.size-popup .content figure{display:none}.size-popup .content .info{width:100%;left:0;padding-left:0;position:relative}}@media only screen and (max-width: 960px){.size-popup .inner{width:94vw;height:-webkit-calc(100% - 6vw);height:calc(100% - 6vw)}.size-popup .header{margin-bottom:15px}.size-popup .content{flex-wrap:nowrap;height:-webkit-calc(100% - 22px);height:calc(100% - 22px);flex-direction:column-reverse;overflow-y:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.size-popup .content::-webkit-scrollbar{display:none}.size-popup .content .info,.size-popup .content figure{width:100%}.size-popup .content .info{padding-left:0;height:auto;position:relative;left:0;overflow-y:unset}}@media only screen and (max-width: 740px){.size-popup .inner{width:100%;height:100%}.size-popup .content{padding-bottom:var(--padding-general)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-size-guide.css.map */