.viewer-sizenav-item.separator[data-v-e5a14e56]{align-items:center;display:flex;justify-content:center;padding:0;position:relative;text-align:center}.viewer-sizenav-item.separator[data-v-e5a14e56]:not(:first-child):before{background:var(--color-code-plain);border-radius:100px;bottom:0;content:"";display:block;height:var(--viewer-sizenav-items-separator);left:calc(0px - var(--viewer-sizenav-items-separator)/2 - var(--viewer-sizenav-items-gap)/2 - var(--sizenav-outer-padding)/2);margin:auto;position:absolute;top:0;transition:transform .35s;width:var(--viewer-sizenav-items-separator)}.viewer-sizenav-item.separator[data-v-e5a14e56]:first-child{padding-left:0}.viewer-sizenav-item.separator[data-v-e5a14e56]:last-child{padding-right:0}.viewer-sizenav-item.separator:has(.viewer-sizenav-value:checked)+.viewer-sizenav-item.separator[data-v-e5a14e56]:before,.viewer-sizenav-item.separator[data-v-e5a14e56]:has(.viewer-sizenav-value:checked):before{transform:scale(0)}.all-access-pass__background[data-v-e5a14e56]{-webkit-backdrop-filter:blur(var(--aap-blur));backdrop-filter:blur(var(--aap-blur));background-color:var(--color-fill-tertiary);border-radius:32px;color:var(--aap-text-color);display:flex;transition:linear var(--aap-background-transition-duration) background-color;will-change:transform;z-index:1}.all-access-pass__background.shadow[data-v-e5a14e56]{box-shadow:inset 0 0 1px var(--aap-inner-glow-color)}.all-access-pass__background.viewer-sizenav[data-v-e5a14e56]{--sizenav-width:0px;--ltr:1;margin-inline-start:12px;margin-inline-start:0}.viewer-loaded .all-access-pass__background.viewer-sizenav[data-v-e5a14e56]{display:block}.viewer-sizenav[data-v-e5a14e56]{--bubble-position:0;--bubble-scale:0;--bubble-width:calc(var(--aap-min-height) - var(--sizenav-outer-padding)*2);--bubble-hint-position:0;--sizenav-width:0px;--sizenav-outer-padding:0px;--toggle-color:0;--ltr:1;--aap-blur:7px;--aap-font-size:17px;--aap-font-weight:600;--aap-mobile-font-size:14px;--aap-hint-scale:1;--aap-hint-opacity:0;--aap-offset:0;--aap-margin:30px;--aap-margin-bottom:100px;--aap-background-transition-duration:.25s;--viewer-sizenav-items-separator:3px;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-sizenav__bubble[data-v-e5a14e56]{--abs-calc:max(var(--bubble-hint-position),-1 * var(--bubble-hint-position)) /10;border-radius:28px;box-sizing:border-box;height:calc(100% - var(--sizenav-outer-padding)*2);left:var(--sizenav-outer-padding);pointer-events:none;position:absolute;top:var(--sizenav-outer-padding);transform:translate(calc(var(--bubble-hint-position)*1px + var(--aap-offset)*1px)) scaleY(calc(1 - var(--abs-calc)*.15));transform-origin:center center;transition:transform .2s ease-out;width:calc(100% - var(--sizenav-outer-padding)*2)}.viewer-sizenav__bubble-inner[data-v-e5a14e56]{height:calc(var(--aap-min-height) - var(--sizenav-outer-padding)*2);min-width:calc(var(--aap-min-height) - var(--sizenav-outer-padding)*2);opacity:1;transform:translate(calc(var(--bubble-position) - var(--sizenav-outer-padding)));transition:transform .4s ease,width .4s ease;width:var(--bubble-width);will-change:transform}.viewer-sizenav__bubble-inner[data-v-e5a14e56],.viewer-sizenav__bubble-inner[data-v-e5a14e56]:before{background-color:var(--color-fill-gray);border-radius:28px;left:0;position:absolute;top:0}.viewer-sizenav__bubble-inner[data-v-e5a14e56]:before{content:"";height:100%;transform:translate(calc(var(--bubble-hint-position)*1px)) scaleX(calc(1 + var(--abs-calc)*.15));transform-origin:center center;transition:transform .2s ease-out;width:100%}.viewer-sizenav .viewer-sizenav__bubble-inner[data-v-e5a14e56]{opacity:0}.viewer-sizenav-items[data-v-e5a14e56]{align-items:center;display:flex;gap:var(--viewer-sizenav-items-gap);height:var(--aap-min-height);justify-content:center;list-style:none;margin-inline-start:0;padding:0 calc(var(--sizenav-outer-padding)/1.33333);pointer-events:auto}.viewer-sizenav-item[data-v-e5a14e56]{margin-left:calc(var(--sizenav-outer-padding)/2);margin-right:calc(var(--sizenav-outer-padding)/2)}.viewer-sizenav-link[data-v-e5a14e56]{align-items:center;background-color:transparent;border-radius:28px;box-sizing:border-box;cursor:pointer;display:flex;height:calc(var(--aap-min-height) - var(--sizenav-outer-padding)*2);justify-content:center;transition:background-color .25s ease,box-shadow .3s ease;width:auto}.viewer-sizenav-swatch[data-v-e5a14e56]{border-radius:28px;height:inherit;position:relative;width:inherit}.viewer-sizenav-label[data-v-e5a14e56]{align-items:center;display:flex;font-weight:600;gap:5px;height:100%;justify-content:center;transition:color .2s cubic-bezier(.53,-.01,.17,1);width:-moz-fit-content;width:fit-content}.viewer-sizenav-value[data-v-e5a14e56]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.viewer-sizenav-value:checked~.viewer-sizenav-link[data-v-e5a14e56]{pointer-events:none}.viewer-sizenav-value:checked~.viewer-sizenav-link .viewer-sizenav-swatch .viewer-sizenav-label[data-v-e5a14e56]{color:var(--color-fill-tertiary)!important;transition:color .4s cubic-bezier(.53,-.01,.17,1)}.viewer-sizenav-value.focus:focus~.viewer-sizenav-link[data-v-e5a14e56]{box-shadow:0 0 0 3px #fff,0 0 0 5px #0071e3}[data-v-e5a14e56]{--mx-pro-blue:#2997ff;--mx-max-purple:#a972ff;--mx-teal:#43b9b9}
