:root{--tww-sg-bg:#fff;--tww-sg-text:#111;--tww-sg-muted:#777;--tww-sg-border:#ececec;--tww-sg-panel-width:500px;}

.tww-size-guide{position:fixed;inset:0;z-index:999999;display:block;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .35s ease,visibility 0s linear .55s;}
.tww-size-guide.is-open{visibility:visible;pointer-events:auto;opacity:1;transition:opacity .35s ease,visibility 0s;}

.tww-size-guide__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s ease;will-change:opacity;}
.tww-size-guide.is-open .tww-size-guide__overlay{opacity:1;}

.tww-size-guide__panel{position:fixed;top:0;right:0;left:auto;height:100vh;width:0;max-width:0;overflow:hidden;background:var(--tww-sg-bg);color:var(--tww-sg-text);transform:translate3d(var(--tww-sg-panel-width),0,0);transition:transform .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1),max-width .55s cubic-bezier(.16,1,.3,1);box-shadow:-12px 0 30px rgba(0,0,0,.15);display:flex;flex-direction:column;will-change:transform,width,max-width;}
.tww-size-guide.is-open .tww-size-guide__panel{width:var(--tww-sg-panel-width);max-width:var(--tww-sg-panel-width);transform:translate3d(0,0,0);}

.tww-size-guide *{box-sizing:border-box;}
.tww-size-guide__panel,.tww-size-guide__header,.tww-size-guide__body{max-width:none;}

.tww-size-guide__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--tww-sg-border);}
.tww-size-guide__title{font-size:18px;font-weight:700;letter-spacing:.2px;}
.tww-size-guide__close{border:0;background:transparent;color:var(--tww-sg-text);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;}
.tww-size-guide__close span{font-size:26px;line-height:1;display:inline-block;transform:translateY(-1px);}

.tww-size-guide__body{padding:28px;overflow:auto;}

.tww-size-guide__table{width:100%;border-collapse:separate;border-spacing:0 18px;}
.tww-size-guide__table thead th{font-size:12px;text-transform:none;color:#333;font-weight:700;padding:0 10px 6px;white-space:nowrap;}
.tww-size-guide__table tbody td{padding:6px 10px;font-size:13px;vertical-align:middle;}
.tww-size-guide__table tbody tr td:first-child{font-weight:700;}

.tww-size-guide__notes{margin-top:26px;color:var(--tww-sg-muted);font-size:12px;}
.tww-size-guide__notes p{margin:12px 0 0;}

.tww-size-guide-link{margin:10px 0 0;font-weight: 500;cursor:pointer;color: #8D1B13;text-decoration: auto;display: flex;align-items: center;position: relative;left: -8px;font-size: 16px;}
.tww-size-guide-link img {
    width: 40px;
}
@media (max-width: 768px){
  :root{--tww-sg-panel-width:100vw;}
  .tww-size-guide__panel{transform:translate3d(100vw,0,0);}
  .tww-size-guide__header{padding:18px 18px;}
  .tww-size-guide__body{padding:18px;}
  .tww-size-guide__table{border-spacing:0 12px;}
}

@media (prefers-reduced-motion: reduce){
  .tww-size-guide__overlay{transition:none;}
  .tww-size-guide__panel{transition:none;}
}
