.landing-ui-panel-google-fonts{width:100vw;max-width:1280px;z-index:9999;margin-top:0}.landing-editor .landing-ui-panel-google-fonts{margin-top:62px}.landing-ui-panel-google-fonts .landing-ui-panel-content-body-right{background:#fff;min-width:calc(((100% - 293.5px) / 7) * 4);max-width:calc(((100% - 293.5px) / 7) * 4);margin-right:20px;display:none;overflow-y:scroll;margin-left:5px}.landing-ui-panel-content-body.landing-ui-panel-content-body-show-right .landing-ui-panel-content-body-right{display:block}.landing-ui-panel-content-body.landing-ui-panel-content-body-show-right .landing-ui-panel-content-body-content{margin-right:0}.landing-ui-font-preview{display:flex;flex-direction:column;color:#000;width:calc(100% / 3);padding:30px 40px 40px 40px;transition:background-color 200ms ease;border-bottom:1px rgba(0,0,0,.05) solid;position:relative}.landing-ui-font-preview:hover{background-color:#fafafa}.landing-ui-font-preview-font-button{position:absolute;right:10px;top:27px;opacity:0;transition:opacity 200ms ease}.landing-ui-font-preview-font-button .ui-btn.ui-btn-xs.ui-btn-light-border.ui-btn-round{border-radius:calc(26px / 2);line-height:24px}.landing-ui-font-preview:hover .landing-ui-font-preview-font-button{opacity:1}.landing-ui-font-preview-font-name{font-size:14px;padding-bottom:8px;color:#828b95}.landing-ui-font-preview-pangram{font-size:32px;line-height:1.1}.landing-ui-font-preview-pangram[contenteditable="true"]{outline:none !important}.landing-ui-panel-google-fonts .landing-ui-panel-content-body-sidebar{border-top:0;border-bottom:0}.landing-ui-panel-google-fonts .landing-ui-form-style{border-bottom:5px #eef2f4 solid;margin-bottom:0}.landing-ui-panel-google-fonts .landing-ui-form-style .landing-ui-form-header{pointer-events:none}.landing-ui-panel-fonts-list{display:flex;flex-wrap:wrap;padding:0;border:0}.landing-ui-panel-fonts-pagination{display:flex;justify-content:center;padding-top:20px;padding-bottom:20px}.landing-ui-font-preview.cell{text-align:center;display:flex;border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);flex:1;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;position:relative;min-width:calc(100%/7);max-width:calc(100%/7);min-height:150px;max-height:150px;padding:0;cursor:pointer;transition:background-color 200ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;contain:style}.landing-ui-panel-content-body:not(.landing-ui-panel-content-body-show-right) .landing-ui-font-preview.cell:nth-child(7n){border-right:0}.landing-ui-panel-content-body:not(.landing-ui-panel-content-body-show-right) .landing-ui-font-preview.cell:nth-child(7n){border-right:0}.landing-ui-font-preview.cell.landing-ui-active{background:#757575;color:#fff}.landing-ui-font-preview.cell .landing-ui-font-preview-name{font-size:14px}.landing-ui-panel-content-body.landing-ui-panel-content-body-show-right .landing-ui-font-preview.cell{min-width:calc(100%/3);max-width:calc(100%/3)}.landing-ui-panel-content-body.landing-ui-panel-content-body-show-right .landing-ui-font-preview.cell:nth-child(3n){border-right:0}.landing-ui-font-full-preview{padding-top:40px;padding-left:80px;padding-right:80px;padding-bottom:80px;color:#000;contain:layout}.landing-ui-font-full-preview-header{font-size:48px;line-height:1;margin-bottom:20px}.landing-ui-font-full-preview-item{padding-top:20px;padding-bottom:40px}.landing-ui-font-full-preview-item-header{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400);line-height:40px;border-bottom:2px rgba(0,0,0,1) solid}.landing-ui-font-full-preview-characters{position:relative;display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px;padding-top:24px}.landing-ui-font-full-preview-characters+.landing-ui-font-full-preview-characters{padding-top:32px}.landing-ui-font-full-preview-characters+.landing-ui-font-full-preview-characters::before{position:absolute;content:'';top:16px;left:8px;right:8px;border-bottom:1px rgba(0,0,0,.05) solid}.landing-ui-font-full-preview-characters-item{font-size:32px;min-width:calc(100%/12);max-width:calc(100%/12);text-align:center}.landing-ui-font-full-preview-characters-item-separator{position:relative}.landing-ui-font-full-preview-text{font-size:18px;line-height:initial}.landing-ui-font-full-preview-text p{margin-top:1rem;margin-bottom:1rem}.landing-ui-panel-content-body-right{position:relative;}

.landing-ui-panel-content-body-right-close {
	background: #fafafa url("/bitrix/images/landing/close.svg") no-repeat center; position:absolute;top:95px;right:40px;width:40px;height:40px;border-radius:30px;display:none;cursor:pointer;transition:200ms background-color ease}.landing-ui-panel-content-body-right-close:hover{background-color:#eee}.landing-ui-panel-content-body-show-right>.landing-ui-panel-content-body-right-close{display:block}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.landing-ui-font-preview.cell,.landing-ui-font-full-preview-characters+.landing-ui-font-full-preview-characters::before{border-width:.5px}}.main-ui-loader{contain:layout paint}.landing-ui-fonts-panel-empty-stub{width:100%;padding-top:60px;padding-bottom:60px;text-align:center}