.scp-size-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;max-width:min(180px,100%);min-width:0;flex-shrink:1;padding:6px 8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.scp-size-guide-button:hover{background-color:#1b252514}.scp-size-guide-button:active{background-color:#1b25251f}.scp-size-guide-button__icon{width:16px;height:16px;color:#1b2525;flex-shrink:0}.scp-size-guide-button__text{max-width:267px;text-align:center;color:#1b2525;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scp-size-guide-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.scp-size-guide-modal[aria-hidden=false]{opacity:1;visibility:visible}.scp-size-guide-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;cursor:pointer}.scp-size-guide-modal__container{position:relative;width:90%;max-width:920px;max-height:90vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;transform:scale(.95);transition:transform .3s ease}.scp-size-guide-modal[aria-hidden=false] .scp-size-guide-modal__container{transform:scale(1)}.scp-size-guide-modal__header{display:flex;align-items:center;justify-content:center;padding:24px;border-bottom:1px solid #E5E5E5;flex-shrink:0}.scp-size-guide-modal__title{margin:0;font-size:24px;font-weight:500;line-height:32px;color:#0a0c0d}.scp-size-guide-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.scp-size-guide-modal__close:hover{background-color:#1b252514}.scp-size-guide-modal__close .scp-icon{width:24px;height:24px;color:#1b2525}.scp-size-guide-modal__content{padding:24px;overflow-y:auto;flex:1;min-height:200px}.scp-size-guide-modal__error{display:flex;align-items:center;justify-content:center;min-height:200px}.scp-size-guide-modal__error p{margin:0;font-size:16px;color:#c00}.scp-size-guide-modal__content{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;color:#333}.scp-size-guide-modal__content h1,.scp-size-guide-modal__content h2,.scp-size-guide-modal__content h3,.scp-size-guide-modal__content h4,.scp-size-guide-modal__content h5,.scp-size-guide-modal__content h6{margin-top:0;margin-bottom:16px;color:#333}.scp-size-guide-modal__content p{margin:0;padding:0;line-height:1.6;color:#333}.scp-size-guide-modal__content p+p{margin-top:16px}.scp-size-guide-modal__content strong{font-weight:600}.scp-size-guide-modal__content .size-guide-table-container{width:100%;overflow-x:auto}.scp-size-guide-modal__content table,.scp-size-guide-modal__content .size-guide-table-container table{border-spacing:4px;border-collapse:separate!important;width:100%;max-width:100%;margin-bottom:20px;background-color:#fff;table-layout:auto}.scp-size-guide-modal__content tbody,.scp-size-guide-modal__content .size-guide-table-container tbody{display:table-row-group;vertical-align:middle}.scp-size-guide-modal__content tr,.scp-size-guide-modal__content .size-guide-table-container tr{border:none}.scp-size-guide-modal__content td,.scp-size-guide-modal__content .size-guide-table-container td{padding:16px 20px;border:1px solid #ffffff!important;text-align:center;font-size:16px;line-height:24px;vertical-align:middle;color:#333;font-weight:400}.scp-size-guide-modal__content td:first-child,.scp-size-guide-modal__content .size-guide-table-container td:first-child{text-align:left;font-weight:500;padding:8px 16px;width:400px}.scp-size-guide-modal__content table tr td:not(:first-child),.scp-size-guide-modal__content .size-guide-table-container table tr td:not(:first-child){text-align:center;padding:8px;width:100px}.scp-size-guide-modal__content tr:first-child td,.scp-size-guide-modal__content .size-guide-table-container tr:first-child td{font-weight:500;text-transform:uppercase;border-radius:4px;font-size:14px;letter-spacing:.5px;background:#f5f5f5}.scp-size-guide-modal__content img{max-width:100%;height:auto;border-radius:8px}@media(max-width:768px){.scp-size-guide-modal__container{width:95%;max-height:95vh;border-radius:12px}.scp-size-guide-modal__header{padding:16px}.scp-size-guide-modal__title{font-size:20px;line-height:28px}.scp-size-guide-modal__content{padding:16px}.scp-size-guide-modal__content .size-guide-table-container{padding:0 8px}.scp-size-guide-modal__content td,.scp-size-guide-modal__content .size-guide-table-container td{padding:12px 16px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/scp-size-guide-button.css.map */