.gm3-class{position:relative;box-sizing:border-box;width:100%;overflow:hidden;background:var(--gm3-cm-bg, #f5f5f7);font-family:var(--base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}.gm3-class *,.gm3-class *:before,.gm3-class *:after{box-sizing:border-box}.gm3-class__inner{display:flex;flex-direction:column;padding-block:100px}.gm3-class__header{display:flex;flex-direction:column;gap:16px;width:min(100%,760px);margin:0 0 40px}.gm3-class__heading,.gm3-class__copy,.gm3-class__card-title,.gm3-class__card-meta,.gm3-class__library-title,.gm3-class__stat{margin:0}.gm3-class__heading{font-family:var(--base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--gm3-cm-heading, #0e0f12);font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.gm3-class__copy{max-width:700px;color:var(--gm3-cm-copy, #6f6f6f);font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.gm3-class__controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}.gm3-class__tabs{display:inline-flex;align-items:center;gap:0;min-height:48px;padding:4px;border-radius:999px;background:var(--gm3-cm-tab-bg, rgba(0, 0, 0, .1))}.gm3-class__tab{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:0;padding:0 24px;border:0;border-radius:999px;background:transparent;color:var(--gm3-cm-tab-text, #6f6f6f);font:inherit;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.gm3-class__tab.is-active{background:var(--gm3-cm-tab-active-bg, #0e0f12);color:var(--gm3-cm-tab-active-text, #f9f7f4)}@media(hover:hover){.gm3-class__tab:not(.is-active):hover{background:#0000001a}}.gm3-class__tab:focus-visible,.gm3-class__button:focus-visible{outline:2px solid var(--gm3-cm-focus, #f35b3d);outline-offset:3px}.gm3-class__actions{display:flex;justify-content:flex-end;min-width:0}.gm3-class__stat{color:var(--gm3-cm-copy, #6f6f6f);font-size:18px;font-weight:500;line-height:1.3;letter-spacing:0;white-space:nowrap}.gm3-class__button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--gm3-cm-button-color, #0e0f12);font-size:18px;font-weight:500;line-height:1.3;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:color .2s ease;-webkit-text-fill-color:currentColor}.gm3-class__button:visited,.gm3-class__button:focus,.gm3-class__button:active{color:var(--gm3-cm-button-color, #0e0f12)}@media(hover:hover){.gm3-class__button:hover{color:var(--gm3-cm-button-hover, #f35b3d)}}.gm3-class__button-icon{display:block;flex:0 0 auto;width:7px;height:12px}.gm3-class__panel,.gm3-class .is-hidden{display:none}.gm3-class__panel.is-active{display:block}.gm3-class__rows{display:flex;flex-direction:column}.gm3-class__rows--classes{gap:20px}.gm3-class__rows--library{gap:32px}.gm3-class__viewport{position:relative;left:50%;width:100vw;margin-left:0;padding-inline:calc((100vw - min(100vw,var(--common-content-max))) / 2 + var(--common-pad-inline));box-sizing:border-box;direction:ltr;transform:translate(-50%)}.gm3-class__track{display:flex;width:max-content;direction:ltr;will-change:transform;transform:translate3d(var(--gm3-cm-offset, 0px),0,0)}.gm3-class__loop-group{display:flex;align-items:flex-start;flex:0 0 auto;direction:ltr}.gm3-class__rows--classes .gm3-class__track,.gm3-class__rows--classes .gm3-class__loop-group,.gm3-class__rows--library .gm3-class__track,.gm3-class__rows--library .gm3-class__loop-group{gap:20px}.gm3-class__card{position:relative;flex:0 0 auto;overflow:hidden}.gm3-class__card--classes{width:240px;overflow:visible}.gm3-class__class-image{width:240px;aspect-ratio:240 / 160;overflow:hidden;border-radius:16px;background:var(--gm3-cm-card-bg, rgba(0, 0, 0, .05))}.gm3-class__image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gm3-class__class-text{display:flex;flex-direction:column;gap:0;padding:8px 12px 0}.gm3-class:dir(rtl) .gm3-class__class-text,.gm3-class:dir(rtl) .gm3-class__library-title{direction:rtl}.gm3-class__card-title{font-family:var(--base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--gm3-cm-card-title, #0e0f12);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0}.gm3-class__card-meta{color:var(--gm3-cm-card-meta, #9a9999);font-family:var(--base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:0}.gm3-class__card--library{width:196.667px;height:196.667px;border-radius:20px;background:var(--gm3-cm-card-bg, rgba(0, 0, 0, .05))}.gm3-class__library-shade{position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(180deg,#0000,#0009);pointer-events:none}.gm3-class__library-title{position:absolute;right:12px;bottom:16px;left:12px;font-family:var(--base-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);color:var(--gm3-cm-library-title, #f9f7f4);font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;text-align:center}@media(prefers-reduced-motion:reduce){.gm3-class__track{transform:translate3d(var(--gm3-cm-offset, 0px),0,0)}}@media(max-width:1024px){.gm3-class{padding:0}.gm3-class__inner{padding-block:60px}.gm3-class__header{align-items:center;width:min(100%,358px);margin:0 auto 40px;gap:12px;text-align:center}.gm3-class__heading{font-size:24px;line-height:1.3}.gm3-class__copy{font-size:16px;line-height:1.3}.gm3-class__controls{flex-direction:column;justify-content:center;margin-bottom:40px}.gm3-class__tabs{min-height:40px}.gm3-class__tab{height:32px;padding:0 12px;font-size:12px}.gm3-class__actions{justify-content:center;width:100%}.gm3-class__stat{display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;white-space:normal}.gm3-class__button{gap:6px;font-size:14px;line-height:1.3}.gm3-class__button-icon{width:6px;height:10px}.gm3-class__viewport{left:50%;width:100vw;margin-left:0;padding-inline:var(--common-pad-inline)}.gm3-class__rows--classes{gap:20px}.gm3-class__rows--library{gap:16px}.gm3-class__rows--classes .gm3-class__track,.gm3-class__rows--classes .gm3-class__loop-group{gap:12px}.gm3-class__rows--library .gm3-class__track,.gm3-class__rows--library .gm3-class__loop-group{gap:16px}.gm3-class__card--classes,.gm3-class__class-image{width:200px}.gm3-class__card--library{width:140px;height:140px;border-radius:16px}.gm3-class__library-title{right:10px;bottom:12px;left:10px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/gm3-class.css.map */