dunkel-size-guide{display:block;width:100%;margin:0 0 24px}.dunkel-size-guide__trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:inherit;font:inherit;text-underline-offset:4px}.dunkel-size-guide__trigger span{text-decoration:underline}.dunkel-size-guide__trigger svg,.dunkel-size-guide__dialog svg{fill:none;stroke:currentColor}.dunkel-size-guide__trigger:hover{opacity:.75}.dunkel-size-guide__trigger:focus-visible,.dunkel-size-guide__dialog button:focus-visible,.dunkel-size-guide__dialog a:focus-visible{outline:2px solid currentColor;outline-offset:4px}dialog.dunkel-size-guide__dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:4px;background:#f9f6f0;color:#171717;overflow:hidden}dialog.dunkel-size-guide__dialog:not([open]){display:none}dialog.dunkel-size-guide__dialog[open]{display:flex;flex-direction:column}.dunkel-size-guide__dialog::backdrop{background:#000000b3}.dunkel-size-guide__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #d9d3c8;flex-shrink:0}.dunkel-size-guide__header h2{margin:0;color:inherit;font:inherit;font-size:18px;font-weight:600}.dunkel-size-guide__dialog button{color:inherit;font:inherit;background:none;cursor:pointer}.dunkel-size-guide__close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:0}.dunkel-size-guide__tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 16px;font-size:13px;flex-shrink:0}.dunkel-size-guide__zoom{min-height:44px;padding:0;border:0;text-decoration:underline;text-underline-offset:3px}.dunkel-size-guide__tools a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}.dunkel-size-guide__image-container{overflow:auto;min-height:0;overscroll-behavior:contain}.dunkel-size-guide__image-container img{display:block;width:100%;height:auto;max-width:none}.dunkel-size-guide__dialog[data-zoomed] .dunkel-size-guide__image-container img{width:1312px}@media(max-width:600px){dialog.dunkel-size-guide__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dunkel-size-guide__header{padding:8px 12px}.dunkel-size-guide__header h2{font-size:16px}.dunkel-size-guide__tools{padding-inline:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dunkel-size-guide.css.map */