.global-block{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.global-block.content-updating{opacity:.6;pointer-events:none;cursor:progress}.global-block .kit-piece{position:relative;width:max-content;max-width:100%}.global-block .kit-piece .layout-space{display:none;width:100%;border:none;border-radius:50px;cursor:pointer;align-items:center;gap:8px;text-align:left;color:#000;padding:10px 15px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);font-family:var(--rb-font-family);font-size:16px;font-style:normal;font-weight:500;line-height:normal;outline:none}.global-block .kit-piece .layout-space .ui-grid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-block .kit-piece .layout-space::after{content:"▾";position:absolute;display:inline-block;font-weight:bold;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .3s ease}.global-block .kit-piece.spark-row .layout-space::after{transform:translateY(-50%) rotate(180deg)}.global-block .kit-piece .component-list{display:flex;gap:16px;margin:0;padding:0;list-style:none}.global-block .kit-piece .component-list .common-instance{margin:0}.global-block .kit-piece .component-list .common-instance .view-region{border:none;border-radius:50px;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;gap:8px;width:max-content;text-align:left;color:#000;text-decoration:none;font-family:var(--rb-font-family);font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:10px 15px;outline:none;transition:background-color .2s}.global-block .kit-piece .component-list .common-instance .view-region:hover{background:#f5f5f5}.global-block .kit-piece .component-list .common-instance .view-region.module-focused{background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);font-weight:500}@media(max-width: 768px){.global-block .kit-piece.spark-row .component-list{display:flex;width:max-content;gap:0}.global-block .kit-piece.spark-row .component-list .common-instance .view-region{width:100%;padding-right:38px}.global-block .kit-piece.spark-row .component-list .common-instance .view-region:hover{background:rgba(0,0,0,0)}.global-block .kit-piece.spark-row .component-list .common-instance .view-region.module-focused{box-shadow:none}.global-block .kit-piece .layout-space{display:flex;align-items:center;padding-right:38px}.global-block .kit-piece .component-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;flex-direction:column;border-top:none;z-index:100;border-radius:15px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}}.global-block .base-item .module-item{color:#000;font-family:var(--rb-font-family);font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 480px){.global-block{flex-direction:column;gap:20px}}.dev-catalog-box .pack-logos.content-updating{opacity:.6;pointer-events:none;position:relative;filter:blur(3px);cursor:progress;transition:opacity .3s,filter .3s}.content-promos-list .theme-rewards.content-updating{opacity:.6;pointer-events:none;position:relative;filter:blur(3px);cursor:progress;transition:opacity .3s,filter .3s}
