.size-selector{display:flex;flex-direction:column;gap:var(--spacing-xxs, 4px)}.size-selector__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs, 8px)}.size-selector__label-wrapper{display:flex;align-items:center;gap:var(--spacing-xs, 8px)}.size-selector__label{font-family:var(--font-body-family, sans-serif);font-size:16px;font-weight:700;line-height:1;color:var(--color-primary-darkest, #313329)}.size-selector__current-size{font-family:var(--font-body-family, sans-serif);font-size:16px;font-weight:400;line-height:1;color:var(--color-primary-darkest, #313329)}.size-selector__unit-toggle{display:flex;gap:var(--spacing-xs, 8px);align-items:center;font-family:var(--font-body-family, sans-serif);font-size:16px;font-weight:700;line-height:1;color:var(--color-primary-darkest, #313329)}.size-selector__unit-button{padding:0;border:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;cursor:pointer;text-decoration:none;text-underline-position:from-font;transition:opacity .2s ease}.size-selector__unit-button:focus-visible{outline:2px solid var(--color-primary-darkest, #313329);outline-offset:2px}.size-selector__unit-button--active{opacity:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.size-selector__help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:var(--color-primary-darkest, #313329);border-radius:50%;color:var(--neu-background, #ffffff);cursor:pointer;transition:opacity .2s ease}.size-selector__help-icon:hover{opacity:.8}.size-selector__help-icon:focus-visible{outline:2px solid var(--color-primary-darkest, #313329);outline-offset:2px}.size-selector__help-icon svg{width:100%;height:100%}.size-selector__options{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xxs, 4px);border:none;padding:0;margin:0}@media (max-width: 768px){.size-selector__options{grid-template-columns:repeat(5,1fr)}}@media (max-width: 480px){.size-selector__options{grid-template-columns:repeat(4,1fr)}}.size-selector__options input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.size-selector__button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs, 8px) var(--spacing-s, 12px);background:var(--white, #ffffff);border:1px solid #313329;cursor:pointer;font-family:var(--font-body-family, sans-serif);font-size:16px;font-weight:400;line-height:1.2;color:var(--color-primary-darkest, #313329);transition:all .2s ease;text-align:center}.size-selector__button:hover{background-color:var(--neu-hellgrau);border-color:var(--color-primary-darkest, #313329)}input[type=radio]:checked+.size-selector__button{background:#222;color:#fff;border-color:var(--color-primary-darkest, #222222);font-weight:400}input[type=radio][data-available=false]+.size-selector__button{position:relative;color:#31332980;cursor:not-allowed}input[type=radio][data-available=false]+.size-selector__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,transparent calc(50% - .5px),rgba(49,51,41,.4) calc(50% - .5px),rgba(49,51,41,.4) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%);pointer-events:none}input[type=radio][data-available=false]:checked+.size-selector__button{border-color:#222;color:gray;background-color:#222}input[type=radio][data-available=false]:checked+.size-selector__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,transparent calc(50% - .5px),rgba(255,255,255,.4) calc(50% - .5px),rgba(255,255,255,.4) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%);pointer-events:none}input[type=radio]:focus-visible+.size-selector__button{outline:2px solid var(--color-primary-darkest, #313329);outline-offset:2px}.size-selector__button-text{display:block}.size-selector__guide-link{display:block;align-items:center;padding:0;border:none;background:transparent;font-family:var(--font-body-family, sans-serif);font-size:14px;font-weight:400;line-height:1.2;color:var(--color-primary-darkest, #313329);text-decoration:underline;text-align:left;cursor:pointer;transition:opacity .2s ease}.size-selector__guide-link:hover{opacity:.7}.size-selector__guide-link:focus-visible{outline:2px solid var(--color-primary-darkest, #313329);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 767.98px){.ds-size-table{width:100%;height:100%;padding:0!important}.ds-drawer-modal{width:100%!important;padding:0!important}.drawer__inner,.drawer__body{width:100%!important;height:100%!important;max-height:100%!important}.ds-drawer__content{overflow:scroll;padding:0!important}.ds-drawer__content table{min-width:550px;border:1px solid black}.ds-drawer__content table td,.ds-drawer__content table th{display:table-cell}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-size-selector.css.map */