.rift-size-guide,.rift-size-guide__portal{display:contents}.variant-option--has-size-guide>[data-rift-option-label]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-xs);inline-size:100%;max-inline-size:100%}.variant-option--has-size-guide>[data-rift-option-label] .rift-size-guide__trigger--row-end{margin-inline-start:auto}.rift-size-guide__trigger{display:inline-flex;min-block-size:44px;align-items:center;justify-content:center;gap:var(--gap-2xs);margin:-10px 0;padding:10px 0;border:0;color:inherit;background:transparent;font:inherit;text-decoration:underline;text-decoration-color:rgb(var(--color-foreground-rgb) / var(--opacity-30));text-decoration-thickness:.06em;text-underline-offset:.18em;cursor:pointer}.rift-size-guide__trigger-icon,.rift-size-guide__trigger-icon svg{display:block;inline-size:20px;block-size:20px;flex:0 0 20px}@media(hover:hover){.rift-size-guide__trigger:hover{text-decoration-color:currentColor}}.rift-size-guide__trigger:active{opacity:var(--opacity-70)}.rift-size-guide__trigger:focus-visible,.rift-size-guide__close:focus-visible,.rift-size-guide__image-link:focus-visible,.rift-size-guide__zoom-close:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.rift-size-guide__dialog{inline-size:min(46rem,calc(100vw - 48px));max-inline-size:46rem;max-block-size:min(90dvh,56rem);margin:auto;padding:0;overflow:hidden;border:var(--style-border-popover);border-radius:var(--style-border-radius-popover);color:var(--color-foreground);background:var(--color-background)}.rift-size-guide__surface{display:flex;max-block-size:min(90dvh,56rem);flex-direction:column;overflow:hidden}.rift-size-guide__header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:var(--gap-md);padding:var(--padding-xl) var(--padding-xl) var(--padding-md);border-block-end:1px solid var(--color-border)}.rift-size-guide__title{margin:0;letter-spacing:0}.rift-size-guide__close,.rift-size-guide__zoom-close{display:inline-grid;min-inline-size:44px;min-block-size:44px;place-items:center;flex:0 0 44px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.rift-size-guide__close svg,.rift-size-guide__zoom-close svg{inline-size:18px;block-size:18px}@media(hover:hover){.rift-size-guide__close:hover,.rift-size-guide__zoom-close:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}}.rift-size-guide__content{min-block-size:0;padding:var(--padding-xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.rift-size-guide__content>*+*{margin-block-start:var(--gap-xl)}.rift-size-guide__body>:first-child,.rift-size-guide__page-content>:first-child{margin-block-start:0}.rift-size-guide__body>:last-child,.rift-size-guide__page-content>:last-child{margin-block-end:0}.rift-size-guide__image-link{display:block;color:inherit;cursor:zoom-in}.rift-size-guide__image{display:block;inline-size:100%;block-size:auto;object-fit:contain}.rift-size-guide__page-content{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.rift-size-guide__page-content table{inline-size:max-content;min-inline-size:100%;max-inline-size:none}.rift-size-guide__page-content :where(th,td){min-inline-size:7rem;overflow-wrap:anywhere}.rift-size-guide__zoom-dialog{inline-size:100dvw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;overflow:hidden;border:0;color:var(--color-foreground);background:rgb(var(--color-background-rgb) / .98)}.rift-size-guide__zoom-dialog::backdrop{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.rift-size-guide__zoom-surface{position:relative;display:grid;inline-size:100%;block-size:100%;place-items:center;padding:max(var(--padding-xl),env(safe-area-inset-top)) max(var(--padding-xl),env(safe-area-inset-right)) max(var(--padding-xl),env(safe-area-inset-bottom)) max(var(--padding-xl),env(safe-area-inset-left))}.rift-size-guide__zoom-image{display:block;max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;object-fit:contain}.rift-size-guide__zoom-close{position:absolute;z-index:1;inset-block-start:max(var(--padding-sm),env(safe-area-inset-top));inset-inline-end:max(var(--padding-sm),env(safe-area-inset-right));color:var(--color-foreground);background:var(--color-background);box-shadow:var(--shadow-popover)}.rift-size-guide__editor-note{inline-size:100%;padding:var(--padding-md);border:1px dashed var(--color-border);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm);text-align:center}@media screen and (max-width:749px){.variant-option--has-size-guide>[data-rift-option-label]{align-items:flex-start}.rift-size-guide__dialog{inline-size:calc(100dvw - 24px);max-inline-size:calc(100dvw - 24px);block-size:auto;max-block-size:calc(100dvh - 24px);border-radius:var(--style-border-radius-popover)}.rift-size-guide__surface{max-block-size:calc(100dvh - 24px)}.rift-size-guide__header{padding:var(--padding-lg) var(--padding-lg) var(--padding-md)}.rift-size-guide__content{padding:var(--padding-lg);scrollbar-gutter:auto}.rift-size-guide__zoom-surface{padding:max(var(--padding-lg),env(safe-area-inset-top)) max(var(--padding-sm),env(safe-area-inset-right)) max(var(--padding-lg),env(safe-area-inset-bottom)) max(var(--padding-sm),env(safe-area-inset-left))}}@media(prefers-reduced-motion:reduce){.rift-size-guide__dialog,.rift-size-guide__dialog::backdrop,.rift-size-guide__zoom-dialog,.rift-size-guide__zoom-dialog::backdrop{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rift-size-guide.css.map */