.image{width:100%;height:auto;border-radius:.5rem;display:block}.image-wrapper{all:unset;display:block;border:none;padding:0;background:none;text-align:left}.image-wrapper--zoomable{cursor:zoom-in;position:relative}.image-wrapper__zoom-label{position:absolute;inset:0;background:var(--mag-colors-background-overlay-50);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;transition:all .2s;opacity:0;backdrop-filter:blur(2px)}.image-wrapper--zoomable:hover .image-wrapper__zoom-label{opacity:1}.image-wrapper--zoomable:focus-visible{outline:2px solid var(--mag-colors-primary-500);outline-offset:2px;border-radius:.5rem}.image-preview-portal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-preview-portal.open{opacity:1}.image-preview-portal__backdrop{position:absolute;inset:0;background:var(--mag-colors-background-overlay-50);z-index:9998;border:none;padding:0;cursor:pointer}.image-preview-portal__content{position:relative;z-index:10000;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;width:fit-content}.image-preview-portal__image{position:fixed;object-fit:contain;border-radius:.5rem;pointer-events:none;z-index:10000;animation-fill-mode:both}.zoom-in{animation:image-zoom-in .3s}.zoom-out{animation:image-zoom-out .3s}@keyframes image-zoom-out{0%{opacity:1;left:var(--target-x,50%);top:var(--target-y,50%);width:var(--target-width,auto);height:var(--target-height,auto)}to{opacity:0;left:var(--source-x,50%);top:var(--source-y,50%);width:var(--source-width,auto);height:var(--source-height,auto)}}@keyframes image-zoom-in{0%{opacity:0;left:var(--source-x,50%);top:var(--source-y,50%);width:var(--source-width,auto);height:var(--source-height,auto)}to{opacity:1;left:var(--target-x,50%);top:var(--target-y,50%);width:var(--target-width,auto);height:var(--target-height,auto)}}.mag-com-header-container{flex-direction:row;order:1;flex-shrink:0}.mag-com-header-container,.mag-com-header-content{display:flex;justify-content:space-between;align-items:center;height:46px}.mag-com-header-content{width:100%;padding:10px 24px 10px 0;background-color:var(--mag-colors-primary-700);font-family:Noto Sans}.mag-com-header-navbar,.mag-com-user-profile{display:flex;align-items:center}.mag-com-user-profile{justify-content:flex-end;gap:16px;position:relative}.mag-com-user-profile-font{color:var(--mag-colors-white);font-family:Noto Sans;font-weight:700;font-size:14px}.mag-com-header-line{background-color:var(--mag-colors-white);align-self:stretch}.mag-com-header-title-container{background-color:var(--mag-colors-white);padding:16px 24px}.mag-com-header-title{font-family:Noto Sans;font-weight:600;font-size:23px;line-height:28px;letter-spacing:-.2px}.mag-com-header-sub-title{font-family:Noto Sans;font-size:15px;line-height:24px;letter-spacing:-.4px}.mag-com-header-trigger{background:hsla(0,0%,100%,.2);svg{transition:.2s;transform:rotateY(0deg)}&.closed{svg{transform:rotateY(180deg)}}}.show-on-mobile,.show-on-tablet{display:none}@media screen and (max-width:1024px){.show-on-tablet{display:revert}.hide-on-tablet{display:none}}@media screen and (max-width:680px){.show-on-mobile{display:revert}.hide-on-mobile{display:none}}body:has(.mag-com-page-wrapper){overflow-y:auto;#storybook-root{min-height:100%;display:flex;flex-direction:column}}.mag-com-page-wrapper{display:flex;flex-direction:column;background:#f5f7fa;flex-grow:1;min-height:calc(100vh)}.mag-com-page-container{order:2;display:flex;position:relative;flex-grow:1;align-items:stretch}.mag-com-layout-container{width:100%;min-height:100%;overflow:auto;display:flex;flex-direction:column}.mag-com-menu-button-container{width:32px;height:32px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;border-radius:4px}.search-custom{position:fixed;top:10%;right:50%;transform:translate(50%)}#dialog-portal-search .mag-dialog__overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#dialog-portal-search input{background-color:var(--mag-colors-white)}.nextra-search-results{z-index:var(--mag-z-index-popover);left:50%!important;transform:translate(-50%)!important}