.gwsl-tools{margin:12px 0;padding:12px;border:1px solid #dcdcde;background:#fff;border-radius:4px}.gwsl-tools__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gwsl-tools input{min-width:220px;padding:7px}.gwsl-tools button{padding:7px 11px;border:1px solid #2271b1;background:#2271b1;color:#fff;border-radius:3px;cursor:pointer}.gwsl-tools button.gwsl-secondary{background:#fff;color:#2271b1}.gwsl-tools__results{margin-top:9px;max-height:240px;overflow:auto}.gwsl-tools__item{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f0f1}.gwsl-tools__item small{color:#646970;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gwsl-terms-field{margin:12px 0;padding:12px;border:1px solid #dcdcde;border-radius:4px}.gwsl-terms-field textarea{display:block;width:100%;min-height:72px;margin-top:6px;box-sizing:border-box}.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
pointer-events: none;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input { width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//www.galgamewiki.com/wp-content/plugins/wordpress-casdoor-plugin-1.1.0/assets/css/images/ui-icons_777777_256x240.png);
} .ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
} .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
.clear {
clear: both;
}
a {
cursor: pointer !important;
}
.code {
background: #efefef;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #ccc;
color: red;
}
table td input[type="text"] {
max-width: 300px;
width: 100%;
}
.seperator {
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding-bottom: 15px;
}
#accordion .ui-accordion-content {
color: #262626;
line-height: 16pt;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 1em;
font-size: 100%;
letter-spacing: 1px;
text-transform: capitalize;
}
.ui-accordion .ui-accordion-header:focus {
outline: none;
}
.ui-state-active {
border: none;
background: #0073aa;
font-weight: bold;
color: #FFF;
}
.alertbar { 
background-color: #ff0000; 
color: #FFFFFF; 
display: block; 
line-height: 45px;
height: 50px; 
position: relative; 
text-align: center; 
text-decoration: none; 
top: 0px; 
width: 100%;
z-index: 100;
}
.alertbar a { 
border: 1px solid white bottom;
color: white;
}:root { --gw-primary: #7c5cff;
--gw-primary-hover: #6848ed;
--gw-primary-soft: #f1eeff;
--gw-accent: #8b7cff; --gw-header-height: 66px;
--gw-header-height-mobile: 58px; --gw-container-width: 1280px;
--gw-content-width: 920px; --gw-bg: #f7f8fb;
--gw-bg-soft: #fbfbfd;
--gw-white: #ffffff; --gw-text: #20232a;
--gw-text-secondary: #666d78;
--gw-text-muted: #969ca7;
--gw-text-light: #b7bcc5;
--gw-heading: #181a20; --gw-border: #e9ebf0;
--gw-border-light: #f1f2f5; --gw-success: #32b878;
--gw-warning: #eda63d;
--gw-danger: #e45757;
--gw-info: #4f8cff; --gw-radius-xs: 6px;
--gw-radius-sm: 9px;
--gw-radius-md: 13px;
--gw-radius-lg: 18px;
--gw-radius-xl: 24px;
--gw-radius-pill: 999px; --gw-shadow-xs: 0 1px 2px rgba(20, 24, 40, .04);
--gw-shadow-sm: 0 5px 18px rgba(20, 24, 40, .07);
--gw-shadow-md: 0 12px 32px rgba(20, 24, 40, .10);
--gw-shadow-lg: 0 20px 55px rgba(20, 24, 40, .14); --gw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; --gw-transition-fast: 150ms cubic-bezier(.2,.65,.3,1);
--gw-transition: 240ms cubic-bezier(.2,.65,.3,1);
--gw-transition-slow: 360ms cubic-bezier(.22,.61,.36,1);
}
.gw-page-transition-progress {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 3px;
overflow: hidden;
pointer-events: none;
background: transparent;
opacity: 0;
transition: opacity .15s ease;
}
.gw-page-transition-progress.is-active {
opacity: 1;
}
.gw-page-transition-progress::before {
display: block;
width: 34%;
height: 100%;
border-radius: 0 999px 999px 0;
background: var(--gw-primary);
box-shadow: 0 0 12px rgba(124, 92, 255, .45);
content: '';
transform: translateX(-110%);
}
.gw-page-transition-progress.is-active::before {
animation: gw-page-transition-progress 1.15s ease-in-out infinite;
}
[data-gw-page-content] {
position: relative;
}
.gw-not-found {
display: grid;
min-height: calc(100vh - var(--gw-header-height));
padding: 72px 0;
place-items: center;
}
.gw-not-found__content {
max-width: 620px;
text-align: center;
}
.gw-not-found__code {
margin: 0;
color: var(--gw-primary);
font-size: 72px;
font-weight: 800;
line-height: 1;
}
.gw-not-found h1 {
margin: 18px 0 10px;
color: var(--gw-heading);
font-size: 28px;
}
.gw-not-found__content > p:not(.gw-not-found__code) {
margin: 0;
color: var(--gw-text-secondary);
line-height: 1.7;
}
.gw-not-found__actions {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 26px;
}
@media (max-width: 760px) {
.gw-not-found {
min-height: calc(100vh - var(--gw-header-height-mobile));
padding: 48px 20px;
}
.gw-not-found__code {
font-size: 58px;
}
.gw-not-found h1 {
font-size: 24px;
}
.gw-not-found__actions {
flex-direction: column;
align-items: stretch;
}
}
.gw-page-transitioning [data-gw-page-content] {
opacity: .72;
transition: opacity .15s ease;
}
.gw-page-transitioning [data-gw-page-content]::after {
position: absolute;
z-index: 2;
top: 92px;
left: 50%;
width: 30px;
height: 30px;
border: 3px solid rgba(124, 92, 255, .18);
border-top-color: var(--gw-primary);
border-radius: 50%;
content: '';
pointer-events: none;
transform: translateX(-50%);
animation: gw-page-transition-spinner .8s linear infinite;
}
@keyframes gw-page-transition-progress {
0% { transform: translateX(-110%); }
50% { transform: translateX(220%); }
100% { transform: translateX(320%); }
}
@keyframes gw-page-transition-spinner {
to { transform: translateX(-50%) rotate(360deg); }
}
@media (max-width: 760px) {
.gw-page-transitioning [data-gw-page-content]::after {
top: 66px;
}
}
@media (prefers-reduced-motion: reduce) {
.gw-page-transition-progress.is-active::before,
.gw-page-transitioning [data-gw-page-content]::after {
animation: none;
}
.gw-page-transition-progress.is-active::before {
width: 58%;
transform: translateX(36%);
}
} html {
box-sizing: border-box;
margin: 0;
padding: 0;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html,
body {
margin: 0;
padding: 0;
}
body {
min-height: 100vh;
background: var(--gw-bg);
color: var(--gw-text);
font-family: var(--gw-font);
font-size: 16px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
button,
input,
textarea,
select {
font: inherit;
}
button {
border: 0;
}
img,
svg,
video {
display: block;
max-width: 100%;
}
img {
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote {
margin-top: 0;
}
input,
textarea,
button {
outline: none;
} .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.screen-reader-text:focus {
position: fixed !important;
top: 10px;
left: 10px;
width: auto !important;
height: auto !important;
padding: 10px 14px !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
background: #fff;
color: #111;
border: 2px solid var(--gw-primary);
border-radius: var(--gw-radius-sm);
box-shadow: var(--gw-shadow-md);
z-index: 999999;
} .gw-site {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.gw-main {
flex: 1 1 auto;
}
.gw-container {
width: min( calc(100% - 32px), var(--gw-container-width) );
margin-left: auto;
margin-right: auto;
} .gw-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 38px;
padding: 0 16px;
background: var(--gw-primary);
color: #fff;
border: 1px solid var(--gw-primary);
border-radius: var(--gw-radius-sm);
font-size: 13px;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: background var(--gw-transition-fast), border-color var(--gw-transition-fast), transform var(--gw-transition-fast), box-shadow var(--gw-transition-fast);
}
.gw-button:hover {
background: var(--gw-primary-hover);
border-color: var(--gw-primary-hover);
color: #fff;
box-shadow: 0 5px 16px rgba(124, 92, 255, .18);
transform: translateY(-1px);
}
.gw-button:active {
transform: translateY(0);
}
.gw-button--secondary {
background: var(--gw-primary-soft);
border-color: var(--gw-primary-soft);
color: var(--gw-primary);
}
.gw-button--secondary:hover {
background: #e9e4ff;
border-color: #e9e4ff;
color: var(--gw-primary-hover);
}
.gw-button--ghost {
background: transparent;
border-color: transparent;
color: var(--gw-text-secondary);
}
.gw-button--ghost:hover {
background: var(--gw-bg-soft);
border-color: var(--gw-border);
color: var(--gw-text);
box-shadow: none;
}  .gw-icon {
position: relative;
display: inline-flex;
width: 20px;
height: 20px;
flex: 0 0 20px;
align-items: center;
justify-content: center;
color: currentColor;
background-color: currentColor;
font-size: 0;
line-height: 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
transition:
color var(--gw-transition-fast),
transform var(--gw-transition-fast),
opacity var(--gw-transition-fast);
} .gw-icon--menu {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16'/%3E%3C/svg%3E");
} .gw-icon--search {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2'/%3E%3Cpath d='m15.4 15.4 4.5 4.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2'/%3E%3Cpath d='m15.4 15.4 4.5 4.5'/%3E%3C/svg%3E");
} .gw-icon--close {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
} .gw-icon--user {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.7' r='3.35'/%3E%3Cpath d='M5.3 20c.75-3.35 3.2-5.2 6.7-5.2s5.95 1.85 6.7 5.2'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.7' r='3.35'/%3E%3Cpath d='M5.3 20c.75-3.35 3.2-5.2 6.7-5.2s5.95 1.85 6.7 5.2'/%3E%3C/svg%3E");
} .gw-icon--bell {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9.2a6 6 0 0 0-12 0c0 6.5-2.6 7.2-2.6 9h17.2c0-1.8-2.6-2.5-2.6-9z'/%3E%3Cpath d='M9.8 21h4.4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9.2a6 6 0 0 0-12 0c0 6.5-2.6 7.2-2.6 9h17.2c0-1.8-2.6-2.5-2.6-9z'/%3E%3Cpath d='M9.8 21h4.4'/%3E%3C/svg%3E");
} .gw-icon--star {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.2 2.72 5.52 6.09.89-4.4 4.29 1.04 6.07L12 17.1l-5.45 2.87 1.04-6.07-4.4-4.29 6.09-.89L12 3.2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.2 2.72 5.52 6.09.89-4.4 4.29 1.04 6.07L12 17.1l-5.45 2.87 1.04-6.07-4.4-4.29 6.09-.89L12 3.2z'/%3E%3C/svg%3E");
} .gw-icon--comment {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.7a7.3 7.3 0 0 1-7.3 7.3H8l-4 2v-4.35A7.3 7.3 0 1 1 20 11.7z'/%3E%3Cpath d='M8.2 11.8h.01M12 11.8h.01M15.8 11.8h.01'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.7a7.3 7.3 0 0 1-7.3 7.3H8l-4 2v-4.35A7.3 7.3 0 1 1 20 11.7z'/%3E%3Cpath d='M8.2 11.8h.01M12 11.8h.01M15.8 11.8h.01'/%3E%3C/svg%3E");
} .gw-icon--cloud {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 18.3h9.6a4 4 0 0 0 .8-7.92A6 6 0 0 0 6.2 8.75a4.55 4.55 0 0 0 1 9.55z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 18.3h9.6a4 4 0 0 0 .8-7.92A6 6 0 0 0 6.2 8.75a4.55 4.55 0 0 0 1 9.55z'/%3E%3C/svg%3E");
} .gw-icon--task {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='3.2' width='15.6' height='17.6' rx='3'/%3E%3Cpath d='m8 9.6 1.7 1.7 3.4-3.4M8 15.2h8'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='3.2' width='15.6' height='17.6' rx='3'/%3E%3Cpath d='m8 9.6 1.7 1.7 3.4-3.4M8 15.2h8'/%3E%3C/svg%3E");
} .gw-icon--points {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.7' y='5' width='16.6' height='14' rx='3'/%3E%3Cpath d='M4 8.2h13.7a2.6 2.6 0 0 1 2.6 2.6v.9h-5.1a2.15 2.15 0 1 0 0 4.3h5.1'/%3E%3Ccircle cx='15.9' cy='13.85' r='.75' fill='black' stroke='none'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.7' y='5' width='16.6' height='14' rx='3'/%3E%3Cpath d='M4 8.2h13.7a2.6 2.6 0 0 1 2.6 2.6v.9h-5.1a2.15 2.15 0 1 0 0 4.3h5.1'/%3E%3Ccircle cx='15.9' cy='13.85' r='.75' fill='black' stroke='none'/%3E%3C/svg%3E");
}
.gw-icon--sponsor {
display: inline-block;
width: 18px;
height: 18px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
} .gw-icon--edit {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 19.7.95-4.05L14.8 5.8a2.65 2.65 0 0 1 3.75 3.75l-9.85 9.85L4 19.7z'/%3E%3Cpath d='m13.9 6.7 3.4 3.4M4 19.7h4.1'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 19.7.95-4.05L14.8 5.8a2.65 2.65 0 0 1 3.75 3.75l-9.85 9.85L4 19.7z'/%3E%3Cpath d='m13.9 6.7 3.4 3.4M4 19.7h4.1'/%3E%3C/svg%3E");
}  .gw-header__action .gw-icon {
width: 20px;
height: 20px;
flex-basis: 20px;
} .gw-header__icon-button .gw-icon {
width: 20px;
height: 20px;
flex-basis: 20px;
} .gw-mobile-menu__tool .gw-icon {
width: 20px;
height: 20px;
flex-basis: 20px;
} .gw-header__submit .gw-icon,
.gw-header__login .gw-icon {
width: 18px;
height: 18px;
flex-basis: 18px;
} .gw-header__user-item .gw-icon {
width: 18px;
height: 18px;
flex-basis: 18px;
} .gw-header__action {
line-height: 1;
}
.gw-header__action .gw-icon {
margin-top: 0;
margin-bottom: 3px;
}
.gw-mobile-menu__tool .gw-icon {
margin: 0;
} .gw-header__action:hover .gw-icon,
.gw-header__icon-button:hover .gw-icon,
.gw-header__user:hover .gw-icon {
transform: scale(1.045);
}
.gw-header__action:active .gw-icon,
.gw-header__icon-button:active .gw-icon,
.gw-header__user:active .gw-icon {
transform: scale(.95);
}  .gw-header {
position: fixed;
top: var(--gw-wp-adminbar-height, 0px);
left: 0;
right: 0;
width: 100%;
height: var(--gw-header-height);
background:
rgba(255, 255, 255, .90);
border-bottom:
1px solid rgba(20, 24, 40, .055);
box-shadow:
0 8px 30px rgba(20, 24, 40, .055);
backdrop-filter:
blur(18px)
saturate(150%);
-webkit-backdrop-filter:
blur(18px)
saturate(150%);
z-index: 9000;
isolation: isolate;
transform:
translate3d(0, 0, 0);
will-change:
transform;
backface-visibility:
hidden;
-webkit-backface-visibility:
hidden;
transition:
transform .42s cubic-bezier(.22, .61, .36, 1),
background .28s ease,
box-shadow .28s ease;
} .gw-header.gw-header--visible {
transform:
translate3d(0, 0, 0);
} .gw-header.gw-header--hidden {
transform:
translate3d(0, -112%, 0);
} .gw-header.gw-header--locked {
transform:
translate3d(0, 0, 0);
} body {
padding-top:
calc(
var(--gw-header-height)
+
var(--gw-wp-adminbar-height, 0px)
);
} .gw-header__container {
position:
relative;
display:
flex;
align-items:
center;
width:
min(
calc(100% - 36px),
var(--gw-container-width)
);
height:
var(--gw-header-height);
margin:
0 auto;
padding:
0;
gap:
0;
overflow:
visible;
} .gw-header__logo {
position:
relative;
display:
flex;
align-items:
center;
flex:
0 0 auto;
height:
var(--gw-header-height);
margin:
0 20px 0 0;
z-index:
20;
}
.gw-header__logo-link {
display:
flex;
align-items:
center;
justify-content:
center;
width:
auto;
height:
var(--gw-header-height);
max-width:
210px;
color:
var(--gw-heading);
text-decoration:
none;
-webkit-tap-highlight-color:
transparent;
}
.gw-header__logo-image {
display:
block;
width:
auto;
height:
36px;
max-width:
185px;
object-fit:
contain;
}
.gw-header__logo-text {
display:
block;
max-width:
210px;
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
color:
var(--gw-heading);
font-size:
20px;
font-weight:
800;
letter-spacing:
-.45px;
} .gw-header__nav {
display:
flex;
align-items:
center;
flex:
0 1 auto;
min-width:
0;
height:
var(--gw-header-height);
overflow:
visible;
}
.gw-header__menu {
display:
flex;
align-items:
center;
gap:
4px;
height:
var(--gw-header-height);
margin:
0;
padding:
0;
list-style:
none;
overflow:
visible;
}
.gw-header__menu > li {
position:
relative;
display:
flex;
align-items:
center;
height:
var(--gw-header-height);
margin:
0;
padding:
0;
list-style:
none;
}
.gw-header__menu > li > a {
position:
relative;
display:
inline-flex;
align-items:
center;
justify-content:
center;
height:
38px;
padding:
0 14px;
color:
var(--gw-text-secondary);
background:
transparent;
border:
1px solid transparent;
border-radius:
11px;
font-size:
13px;
font-weight:
600;
line-height:
1;
white-space:
nowrap;
text-decoration:
none;
transition:
color .18s ease,
background .18s ease,
border-color .18s ease,
transform .18s ease;
-webkit-tap-highlight-color:
transparent;
}
.gw-header__menu > li > a:hover {
color:
var(--gw-primary);
background:
rgba(124, 92, 255, .07);
border-color:
rgba(124, 92, 255, .08);
transform:
translateY(-1px);
} .gw-header__menu li {
position:
relative;
}
.gw-header__menu .sub-menu {
position:
absolute;
top:
calc(100% - 1px);
left:
0;
min-width:
185px;
max-width:
290px;
margin:
0;
padding:
8px;
background:
rgba(255, 255, 255, .97);
border:
1px solid var(--gw-border);
border-radius:
14px;
box-shadow:
0 18px 45px rgba(20, 24, 40, .12);
backdrop-filter:
blur(18px);
-webkit-backdrop-filter:
blur(18px);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transform:
translate3d(0, 8px, 0);
z-index:
9100;
transition:
opacity .18s ease,
visibility .18s ease,
transform .18s ease;
}
.gw-header__menu li:hover > .sub-menu,
.gw-header__menu li:focus-within > .sub-menu {
opacity:
1;
visibility:
visible;
pointer-events:
auto;
transform:
translate3d(0, 0, 0);
}
.gw-header__menu .sub-menu li {
position:
relative;
width:
100%;
margin:
0;
padding:
0;
}
.gw-header__menu .sub-menu li a {
display:
flex;
align-items:
center;
width:
100%;
min-height:
40px;
padding:
8px 12px;
color:
var(--gw-text-secondary);
border-radius:
9px;
font-size:
12px;
line-height:
1.4;
white-space:
nowrap;
text-decoration:
none;
transition:
background .18s ease,
color .18s ease;
}
.gw-header__menu .sub-menu li a:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
} .gw-header__menu .sub-menu .sub-menu {
top:
-8px;
left:
calc(100% - 2px);
transform:
translate3d(8px, 0, 0);
}
.gw-header__menu .sub-menu li:hover > .sub-menu,
.gw-header__menu .sub-menu li:focus-within > .sub-menu {
transform:
translate3d(0, 0, 0);
} .gw-header__search {
position:
relative;
flex:
1 1 280px;
width:
100%;
max-width:
410px;
min-width:
160px;
margin:
0 14px 0 22px;
z-index:
50;
}
.gw-search {
position:
relative;
display:
flex;
align-items:
center;
width:
100%;
height:
40px;
margin:
0;
padding:
0 7px 0 15px;
background:
#f5f6f9;
border:
1px solid transparent;
border-radius:
999px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .85);
transition:
background .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.gw-search:hover {
background:
#f1f2f7;
}
.gw-search:focus-within,
.gw-search.search-active {
background:
#fff;
border-color:
rgba(124, 92, 255, .30);
box-shadow:
0 0 0 4px rgba(124, 92, 255, .075);
}
.gw-search__input {
flex:
1 1 auto;
width:
100%;
min-width:
0;
height:
100%;
margin:
0;
padding:
0;
background:
transparent;
border:
0;
outline:
none;
color:
var(--gw-text);
font-size:
13px;
line-height:
1;
}
.gw-search__input::placeholder {
color:
#a0a5ae;
}
.gw-search__submit {
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex:
0 0 auto;
width:
33px;
height:
33px;
margin:
0;
padding:
0;
color:
var(--gw-text-muted);
background:
transparent;
border:
0;
border-radius:
50%;
cursor:
pointer;
touch-action:
manipulation;
transition:
color .18s ease,
background .18s ease,
transform .18s ease;
}
.gw-search__submit:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
}
.gw-search__submit:active {
transform:
scale(.94);
} .gw-search-panel {
position:
absolute;
top:
calc(100% + 9px);
left:
0;
width:
100%;
padding:
15px;
background:
rgba(255, 255, 255, .98);
border:
1px solid var(--gw-border);
border-radius:
16px;
box-shadow:
0 18px 45px rgba(20, 24, 40, .12);
backdrop-filter:
blur(18px);
-webkit-backdrop-filter:
blur(18px);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transform:
translate3d(0, 7px, 0);
z-index:
9200;
transition:
opacity .18s ease,
visibility .18s ease,
transform .18s ease;
}
.gw-search:focus-within .gw-search-panel,
.gw-search.search-active .gw-search-panel {
opacity:
1;
visibility:
visible;
pointer-events:
auto;
transform:
translate3d(0, 0, 0);
} .gw-search-panel__section {
width:
100%;
}
.gw-search-panel__section + .gw-search-panel__section {
margin-top:
13px;
padding-top:
13px;
border-top:
1px solid var(--gw-border-light);
}
.gw-search-panel__header {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
12px;
margin-bottom:
9px;
color:
var(--gw-text-secondary);
font-size:
12px;
font-weight:
650;
}
.gw-search-panel__clear {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-height:
26px;
margin:
0;
padding:
0 7px;
color:
var(--gw-text-muted);
background:
transparent;
border:
0;
border-radius:
7px;
font-size:
11px;
line-height:
1;
cursor:
pointer;
touch-action:
manipulation;
-webkit-appearance:
none;
appearance:
none;
transition:
color .18s ease,
background .18s ease;
}
.gw-search-panel__clear:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
}
.gw-search-panel__clear:active {
transform:
scale(.96);
} .gw-search-history {
display:
flex;
flex-wrap:
wrap;
align-items:
center;
gap:
7px;
width:
100%;
min-height:
29px;
}
.gw-search-history__row {
display:
inline-flex;
align-items:
center;
flex:
0 0 auto;
min-width:
0;
max-width:
230px;
min-height:
29px;
overflow:
hidden;
background:
#fafafd;
border:
1px solid var(--gw-border);
border-radius:
999px;
transition:
background .18s ease,
border-color .18s ease,
transform .18s ease;
}
.gw-search-history__row:hover {
background:
var(--gw-primary-soft);
border-color:
rgba(124, 92, 255, .18);
transform:
translateY(-1px);
}
.gw-search-history__item {
display:
inline-flex;
align-items:
center;
min-width:
0;
max-width:
190px;
min-height:
28px;
margin:
0;
padding:
0 8px 0 11px;
color:
var(--gw-text-secondary);
background:
transparent;
border:
0;
border-radius:
999px 0 0 999px;
font-size:
11px;
line-height:
1;
text-align:
left;
white-space:
nowrap;
overflow:
hidden;
text-overflow:
ellipsis;
cursor:
pointer;
touch-action:
manipulation;
}
.gw-search-history__item:hover {
color:
var(--gw-primary);
background:
transparent;
}
.gw-search-history__delete {
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex:
0 0 26px;
width:
26px;
height:
28px;
margin:
0;
padding:
0;
color:
#a8adb6;
background:
transparent;
border:
0;
border-left:
1px solid rgba(20, 24, 40, .045);
border-radius:
0 999px 999px 0;
font-family:
Arial,
sans-serif;
font-size:
14px;
line-height:
1;
cursor:
pointer;
touch-action:
manipulation;
}
.gw-search-history__delete:hover {
color:
var(--gw-danger);
background:
rgba(228, 87, 87, .07);
}
.gw-search-history__delete:active {
transform:
scale(.90);
}
.gw-search-empty {
display:
block;
width:
100%;
color:
var(--gw-text-muted);
font-size:
11px;
line-height:
1.6;
} .gw-search-hot {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
3px 7px;
width:
100%;
}
.gw-search-hot__item {
display:
flex;
align-items:
center;
width:
100%;
min-width:
0;
min-height:
32px;
margin:
0;
padding:
0 6px;
color:
var(--gw-text-secondary);
background:
transparent;
border:
0;
border-radius:
8px;
font-size:
12px;
line-height:
1;
text-align:
left;
cursor:
pointer;
touch-action:
manipulation;
transition:
color .18s ease,
background .18s ease;
}
.gw-search-hot__item:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
}
.gw-search-hot__item:active {
transform:
scale(.985);
}
.gw-search-hot__index {
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex:
0 0 21px;
width:
21px;
height:
21px;
color:
#adb2bb;
font-size:
10px;
text-align:
center;
}
.gw-search-hot__item:nth-child(1)
.gw-search-hot__index,
.gw-search-hot__item:nth-child(2)
.gw-search-hot__index,
.gw-search-hot__item:nth-child(3)
.gw-search-hot__index {
color:
var(--gw-primary);
}
.gw-search-hot__name {
flex:
1 1 auto;
min-width:
0;
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
font-size:
12px;
} .gw-header__actions {
display:
flex;
align-items:
center;
flex:
0 0 auto;
height:
var(--gw-header-height);
gap:
3px;
margin:
0;
padding:
0;
white-space:
nowrap;
}
.gw-header__action {
position:
relative;
display:
flex;
flex-direction:
column;
align-items:
center;
justify-content:
center;
flex:
0 0 auto;
min-width:
44px;
height:
48px;
margin:
0;
padding:
3px 5px;
color:
var(--gw-text-secondary);
background:
transparent;
border:
1px solid transparent;
border-radius:
11px;
font-size:
0;
line-height:
1;
text-decoration:
none;
cursor:
pointer;
touch-action:
manipulation;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease,
transform .18s ease;
}
.gw-header__action:hover {
color:
var(--gw-primary);
background:
rgba(124, 92, 255, .065);
border-color:
rgba(124, 92, 255, .08);
transform:
translateY(-1px);
}
.gw-header__action:active {
transform:
translateY(0) scale(.97);
}
.gw-header__action .gw-icon {
width:
18px;
height:
18px;
margin-bottom:
3px;
}
.gw-header__action-label {
display:
block;
color:
currentColor;
font-size:
9px;
font-weight:
600;
line-height:
13px;
} .gw-header__points {
display:
flex;
flex-direction:
row;
align-items:
center;
gap:
6px;
min-width:
auto;
padding:
0 8px;
}
.gw-header__points .gw-icon {
width:
17px;
height:
17px;
margin:
0;
}
.gw-header__points-content {
display:
flex;
flex-direction:
column;
justify-content:
center;
min-width:
0;
line-height:
1;
}
.gw-header__points-label {
display:
block;
color:
var(--gw-text-light);
font-size:
8px;
line-height:
11px;
white-space:
nowrap;
}
.gw-header__points-value {
display:
block;
color:
var(--gw-primary);
font-size:
12px;
font-weight:
800;
line-height:
14px;
white-space:
nowrap;
} .gw-header__points-wrap {
position: relative;
display: flex;
align-items: center;
height: 100%;
}
.gw-header__points {
position: relative;
border: 0;
font: inherit;
}
.gw-header__points-task-count {
position: absolute;
top: 2px;
right: 1px;
display: grid;
min-width: 16px;
height: 16px;
padding: 0 4px;
place-items: center;
border: 2px solid #fff;
border-radius: 999px;
background: var(--gw-primary);
color: #fff;
font-size: 9px;
font-weight: 800;
line-height: 1;
}
.gw-header__points-menu {
position: absolute;
z-index: 9200;
top: calc(100% - 2px);
right: 0;
display: none;
width: 196px;
padding: 7px;
border: 1px solid rgba(35, 29, 61, .12);
border-radius: 8px;
background: #fff;
box-shadow: 0 16px 38px rgba(29, 24, 61, .18);
}
.gw-header__points-wrap.is-open .gw-header__points-menu {
display: block;
animation: gwHeaderPointsMenuIn .16s ease-out;
}
.gw-header__points-menu-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin: 1px 3px 6px;
padding: 0 0 8px;
border-bottom: 1px solid var(--gw-border-light);
color: var(--gw-text-muted);
font-size: 11px;
}
.gw-header__points-menu-summary strong {
color: var(--gw-heading);
font-size: 12px;
}
.gw-header__points-menu a {
display: flex;
align-items: center;
gap: 7px;
min-height: 34px;
padding: 0 8px;
border-radius: 6px;
color: var(--gw-text-secondary);
font-size: 12px;
font-weight: 650;
text-decoration: none;
}
.gw-header__points-menu a:hover,
.gw-header__points-menu a:focus-visible {
background: var(--gw-primary-soft);
color: var(--gw-primary);
}
.gw-header__points-menu .gw-header__task-count {
margin-left: auto;
}
@keyframes gwHeaderPointsMenuIn {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
} .gw-header__notification {
position:
relative;
}
.gw-header__notification-dot {
position:
absolute;
top:
7px;
right:
8px;
width:
7px;
height:
7px;
background:
var(--gw-danger);
border:
2px solid #fff;
border-radius:
50%;
}
.gw-header__notification-dot[hidden] {
display:
none !important;
} .gw-header__user-wrap {
position:
relative;
display:
flex;
align-items:
center;
flex:
0 0 auto;
height:
var(--gw-header-height);
} .gw-header__user {
position:
relative;
display:
inline-flex;
align-items:
center;
justify-content:
center;
gap:
7px;
width:
auto;
min-width:
44px;
height:
44px;
margin:
0;
padding:
0 8px 0 5px;
color:
var(--gw-text);
background:
transparent;
border:
1px solid transparent;
border-radius:
12px;
font:
inherit;
line-height:
1;
text-decoration:
none;
cursor:
pointer;
touch-action:
manipulation;
-webkit-appearance:
none;
appearance:
none;
-webkit-tap-highlight-color:
transparent;
transition:
background .18s ease,
border-color .18s ease,
color .18s ease;
}
.gw-header__user:hover,
.gw-header__user-wrap.is-open .gw-header__user {
color:
var(--gw-text);
background:
rgba(124, 92, 255, .055);
border-color:
rgba(124, 92, 255, .07);
}
.gw-header__avatar {
display:
block;
width:
34px;
height:
34px;
flex:
0 0 34px;
overflow:
hidden;
background:
#f1f2f5;
border-radius:
50%;
}
.gw-header__avatar-image {
display:
block;
width:
100% !important;
height:
100% !important;
max-width:
none !important;
margin:
0 !important;
padding:
0 !important;
object-fit:
cover;
border:
0 !important;
border-radius:
50% !important;
}
.gw-header__username {
max-width:
90px;
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
color:
var(--gw-text);
font-size:
11px;
font-weight:
650;
} .gw-header__user-arrow {
position:
relative;
display:
block;
width:
7px;
height:
7px;
margin:
-3px 0 0 1px;
flex:
0 0 7px;
border-right:
1.5px solid currentColor;
border-bottom:
1.5px solid currentColor;
transform:
rotate(45deg);
transition:
transform .18s ease;
}
.gw-header__user-wrap.is-open
.gw-header__user-arrow {
transform:
rotate(225deg)
translate(-1px, -1px);
} .gw-header__user-dropdown {
position:
absolute;
top:
calc(100% - 5px);
right:
0;
width:
190px;
padding:
8px;
background:
rgba(255, 255, 255, .98);
border:
1px solid var(--gw-border);
border-radius:
16px;
box-shadow:
0 18px 45px rgba(20, 24, 40, .14);
backdrop-filter:
blur(18px);
-webkit-backdrop-filter:
blur(18px);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transform:
translate3d(0, 8px, 0)
scale(.98);
transform-origin:
top right;
z-index:
9300;
transition:
opacity .18s ease,
visibility .18s ease,
transform .18s ease;
}
.gw-header__user-wrap.is-open
.gw-header__user-dropdown {
opacity:
1;
visibility:
visible;
pointer-events:
auto;
transform:
translate3d(0, 0, 0)
scale(1);
} .gw-header__user-item {
display:
flex;
align-items:
center;
gap:
9px;
width:
100%;
min-height:
41px;
margin:
0;
padding:
0 11px;
color:
var(--gw-text-secondary);
background:
transparent;
border-radius:
9px;
font-size:
12px;
line-height:
1;
text-decoration:
none;
cursor:
pointer;
transition:
background .18s ease,
color .18s ease;
}
.gw-header__user-item:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
}
.gw-header__user-item .gw-icon {
width:
17px;
height:
17px;
flex:
0 0 17px;
} .gw-header__user-item[data-placeholder="true"] {
opacity:
.92;
} .gw-header__user-item--logout {
color:
var(--gw-danger);
}
.gw-header__user-item--logout:hover {
color:
#fff;
background:
var(--gw-danger);
} .gw-header__user-divider {
width:
100%;
height:
1px;
margin:
6px 0;
background:
var(--gw-border-light);
} .gw-header__submit,
.gw-header__login {
min-height:
34px;
margin:
0 0 0 4px;
padding:
0 14px;
border-radius:
999px;
font-size:
11px;
}
.gw-header__login {
margin-left: auto;
}
.gw-header__submit {
box-shadow:
0 5px 14px rgba(124, 92, 255, .16);
}
.gw-header__submit:hover {
box-shadow:
0 8px 20px rgba(124, 92, 255, .24);
}
.gw-header__submit .gw-icon,
.gw-header__login .gw-icon {
width:
15px;
height:
15px;
} .gw-header__mobile-left,
.gw-mobile-search-toggle,
.gw-mobile-search,
.gw-mobile-menu,
.gw-mobile-menu-mask {
display:
none;
} @media (max-width: 1180px) {
.gw-header__container {
width:
min(
calc(100% - 24px),
var(--gw-container-width)
);
}
.gw-header__logo {
margin-right:
11px;
}
.gw-header__logo-link {
max-width:
155px;
}
.gw-header__logo-image {
max-width:
150px;
height:
31px;
}
.gw-header__menu {
gap:
2px;
}
.gw-header__menu > li > a {
padding-left:
9px;
padding-right:
9px;
font-size:
12px;
}
.gw-header__search {
margin-left:
10px;
margin-right:
8px;
}
.gw-header__action {
min-width:
37px;
}
.gw-header__action-label {
font-size:
8px;
}
.gw-header__username {
display:
none;
}
.gw-header__user {
padding-left:
5px;
padding-right:
5px;
}
.gw-header__user-arrow {
display:
none;
}
.gw-header__submit,
.gw-header__login {
padding-left:
10px;
padding-right:
10px;
}
} body.admin-bar {
padding-top:
calc(
var(--gw-header-height)
+
var(--gw-wp-adminbar-height, 32px)
);
} #wpadminbar {
z-index:
99999 !important;
} body.admin-bar .gw-header {
top:
var(--gw-wp-adminbar-height, 32px);
} @media (max-width: 900px) { body {
padding-top:
var(--gw-header-height-mobile);
}
body.admin-bar {
padding-top:
calc(
var(--gw-header-height-mobile)
+
var(--gw-wp-adminbar-height, 46px)
);
}
.gw-header {
height:
var(--gw-header-height-mobile);
} body.admin-bar .gw-header {
top:
var(--gw-wp-adminbar-height, 46px);
}
.gw-header__container {
width:
100%;
height:
var(--gw-header-height-mobile);
padding:
0 6px;
justify-content:
center;
} .gw-header__mobile-left {
position:
absolute;
top:
0;
left:
4px;
display:
flex;
align-items:
center;
height:
var(--gw-header-height-mobile);
z-index:
9100;
}
.gw-header__icon-button {
position:
relative;
display:
inline-flex;
align-items:
center;
justify-content:
center;
width:
42px;
height:
42px;
margin:
0;
padding:
0;
color:
#555c66;
background:
transparent;
border:
0;
border-radius:
50%;
cursor:
pointer;
pointer-events:
auto;
touch-action:
manipulation;
-webkit-tap-highlight-color:
transparent;
-webkit-appearance:
none;
appearance:
none;
transition:
color .18s ease,
background .18s ease,
transform .18s ease;
z-index:
9101;
}
.gw-header__icon-button:hover {
color:
var(--gw-primary);
background:
rgba(124, 92, 255, .07);
}
.gw-header__icon-button:active {
color:
var(--gw-primary);
background:
rgba(124, 92, 255, .12);
transform:
scale(.94);
} .gw-header__logo {
position:
absolute;
top:
0;
left:
50%;
display:
flex;
align-items:
center;
height:
var(--gw-header-height-mobile);
margin:
0;
transform:
translateX(-50%);
z-index:
9050;
}
.gw-header__logo-link {
height:
var(--gw-header-height-mobile);
max-width:
150px;
}
.gw-header__logo-image {
height:
28px;
max-width:
145px;
}
.gw-header__logo-text {
max-width:
150px;
font-size:
17px;
font-weight:
800;
} .gw-header__nav,
.gw-header__search {
display:
none !important;
} .gw-mobile-search-toggle {
position:
absolute;
top:
8px;
right:
4px;
display:
inline-flex;
z-index:
9100;
} .gw-header__actions {
position:
absolute;
top:
0;
right:
46px;
display:
flex;
align-items:
center;
height:
var(--gw-header-height-mobile);
z-index:
9070;
} .gw-header__actions .gw-header__action,
.gw-header__actions .gw-header__points,
.gw-header__actions .gw-header__submit {
display:
none !important;
}
.gw-header__points-wrap,
.gw-header__points-menu {
display: none !important;
} .gw-header__user-wrap {
display:
flex;
align-items:
center;
height:
var(--gw-header-height-mobile);
}
.gw-header__user {
display:
inline-flex;
align-items:
center;
justify-content:
center;
width:
42px;
min-width:
42px;
height:
var(--gw-header-height-mobile);
margin:
0;
padding:
0;
border:
0;
border-radius:
50%;
}
.gw-header__avatar {
width:
31px;
height:
31px;
flex-basis:
31px;
}
.gw-header__username,
.gw-header__user-arrow,
.gw-header__user-dropdown {
display:
none !important;
} .gw-header__user {
pointer-events:
auto;
} .gw-header__actions:has(.gw-header__login) {
display:
flex;
}
.gw-header__actions:has(.gw-header__login)
.gw-header__login {
display:
inline-flex;
min-height:
31px;
margin:
0;
padding:
0 10px;
border-radius:
999px;
font-size:
10px;
pointer-events:
auto;
} .gw-mobile-search { position:
absolute;
top:
var(--gw-header-height-mobile);
left:
0;
display:
block;
width:
100%;
padding:
9px 10px 11px;
background:
rgba(255, 255, 255, .97);
border-bottom:
1px solid var(--gw-border);
box-shadow:
0 12px 28px rgba(20, 24, 40, .08);
backdrop-filter:
blur(15px);
-webkit-backdrop-filter:
blur(15px);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transform:
translate3d(0, -8px, 0);
z-index:
8990;
transition:
opacity .20s ease,
visibility .20s ease,
transform .20s ease;
}
.gw-mobile-search.is-open {
opacity:
1;
visibility:
visible;
pointer-events:
auto;
transform:
translate3d(0, 0, 0);
}
.gw-search--mobile {
height:
41px;
margin:
0;
} .gw-search--mobile .gw-search__input {
font-size:
13px;
} .gw-mobile-menu-mask {
position:
fixed;
inset:
0;
display:
block;
width:
100%;
height:
100%;
background:
rgba(12, 15, 25, .42);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
z-index:
9400;
transition:
opacity .25s ease,
visibility .25s ease;
}
.gw-mobile-menu-mask.is-open {
opacity:
1;
visibility:
visible;
pointer-events:
auto;
} .gw-mobile-menu {
position:
fixed;
top:
var(--gw-wp-adminbar-height, 0px);
left:
0;
display:
block;
width:
min(
340px,
86vw
);
height:
calc(
100vh
-
var(--gw-wp-adminbar-height, 0px)
);
height:
calc(
100dvh
-
var(--gw-wp-adminbar-height, 0px)
);
margin:
0;
padding:
0;
overflow-x:
hidden;
overflow-y:
auto;
overscroll-behavior:
contain;
-webkit-overflow-scrolling:
touch;
background:
rgba(255, 255, 255, .985);
box-shadow:
16px 0 45px rgba(0, 0, 0, .15);
visibility:
hidden;
pointer-events:
none;
opacity:
1;
transform:
translate3d(-105%, 0, 0);
z-index:
9600;
transition:
transform .34s cubic-bezier(.22, .61, .36, 1),
visibility .34s ease;
}
.gw-mobile-menu.is-open {
visibility:
visible;
pointer-events:
auto;
transform:
translate3d(0, 0, 0);
} .gw-mobile-menu__header {
position:
sticky;
top:
0;
display:
flex;
align-items:
center;
justify-content:
space-between;
width:
100%;
height:
62px;
padding:
0 14px;
background:
rgba(255, 255, 255, .94);
border-bottom:
1px solid var(--gw-border-light);
backdrop-filter:
blur(14px);
-webkit-backdrop-filter:
blur(14px);
z-index:
5;
}
.gw-mobile-menu__brand {
display:
flex;
align-items:
center;
min-width:
0;
max-width:
225px;
overflow:
hidden;
color:
var(--gw-heading);
font-size:
16px;
font-weight:
800;
}
.gw-mobile-menu__logo {
display:
block;
width:
auto;
height:
28px;
max-width:
175px;
object-fit:
contain;
}
.gw-mobile-menu__close {
position:
relative;
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex:
0 0 auto;
width:
40px;
height:
40px;
margin:
0;
padding:
0;
color:
#666d78;
background:
transparent;
border:
0;
border-radius:
50%;
cursor:
pointer;
pointer-events:
auto;
touch-action:
manipulation;
-webkit-tap-highlight-color:
transparent;
-webkit-appearance:
none;
appearance:
none;
z-index:
6;
}
.gw-mobile-menu__close:hover,
.gw-mobile-menu__close:active {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
} .gw-mobile-menu__user {
margin:
14px 12px 10px;
background:
linear-gradient(
135deg,
#fbfaff,
#f4f1ff
);
border:
1px solid rgba(124, 92, 255, .10);
border-radius:
17px;
box-shadow:
0 8px 25px rgba(124, 92, 255, .06);
}
.gw-mobile-menu__user-link {
display:
flex;
align-items:
center;
gap:
12px;
padding:
15px;
color:
var(--gw-text);
text-decoration:
none;
-webkit-tap-highlight-color:
transparent;
}
.gw-mobile-menu__avatar {
flex:
0 0 52px;
width:
52px;
height:
52px;
overflow:
hidden;
background:
#eee;
border-radius:
50%;
box-shadow:
0 4px 12px rgba(0, 0, 0, .08);
}
.gw-mobile-menu__avatar img {
display:
block;
width:
100%;
height:
100%;
object-fit:
cover;
border-radius:
50%;
}
.gw-mobile-menu__user-info {
min-width:
0;
flex:
1 1 auto;
}
.gw-mobile-menu__username {
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
color:
var(--gw-heading);
font-size:
15px;
font-weight:
750;
} .gw-mobile-menu__points,
.gw-mobile-menu__points.money-left {
display:
block;
margin-top:
5px;
color:
var(--gw-text-muted);
font-size:
10px;
line-height:
17px;
word-break:
keep-all;
}
.gw-mobile-menu__points strong {
color:
var(--gw-primary);
font-size:
12px;
} .gw-mobile-menu__login {
padding:
15px 14px 6px;
}
.gw-mobile-menu__login .gw-button {
width:
100%;
} .gw-mobile-menu__nav {
width:
100%;
padding:
0;
}
.gw-mobile-menu__list {
margin:
0;
padding:
8px 10px 12px;
list-style:
none;
}
.gw-mobile-menu__list li {
position:
relative;
width:
100%;
margin:
0;
padding:
0;
list-style:
none;
}
.gw-mobile-menu__list > li > a {
display:
flex;
align-items:
center;
width:
100%;
min-height:
49px;
padding:
0 13px;
color:
var(--gw-text);
background:
transparent;
border:
1px solid transparent;
border-radius:
11px;
font-size:
14px;
font-weight:
600;
text-decoration:
none;
-webkit-tap-highlight-color:
transparent;
transition:
color .18s ease,
background .18s ease,
transform .18s ease;
}
.gw-mobile-menu__list > li > a:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
border-color:
rgba(124, 92, 255, .08);
}
.gw-mobile-menu__list > li > a:active {
transform:
scale(.985);
} .gw-mobile-menu__list .sub-menu {
margin:
2px 0 6px;
padding:
3px 0 3px 14px;
background:
#fafafd;
border-left:
2px solid rgba(124, 92, 255, .10);
border-radius:
0 9px 9px 0;
}
.gw-mobile-menu__list .sub-menu li a {
display:
flex;
align-items:
center;
width:
100%;
min-height:
41px;
padding:
0 11px;
color:
var(--gw-text-secondary);
border-radius:
8px;
font-size:
12px;
text-decoration:
none;
-webkit-tap-highlight-color:
transparent;
}
.gw-mobile-menu__list .sub-menu li a:hover {
color:
var(--gw-primary);
background:
rgba(124, 92, 255, .05);
} .gw-mobile-menu__tools {
display:
grid;
grid-template-columns:
repeat(
2,
minmax(0, 1fr)
);
gap:
8px;
margin:
6px 12px 28px;
padding:
14px 0 0;
border-top:
1px solid var(--gw-border-light);
}
.gw-mobile-menu__tool {
position:
relative;
display:
flex;
align-items:
center;
gap:
8px;
min-height:
45px;
padding:
0 11px;
color:
var(--gw-text-secondary);
background:
#fafafd;
border:
1px solid var(--gw-border-light);
border-radius:
11px;
font-size:
11px;
text-decoration:
none;
-webkit-tap-highlight-color:
transparent;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease,
transform .18s ease;
}
.gw-mobile-menu__tool:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
border-color:
rgba(124, 92, 255, .13);
}
.gw-mobile-menu__tool:active {
transform:
scale(.98);
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
border-color:
rgba(124, 92, 255, .13);
}
.gw-mobile-menu__tool .gw-icon {
width:
17px;
height:
17px;
flex:
0 0 17px;
}
.gw-mobile-menu__tool--submit {
grid-column:
1 / -1;
justify-content:
center;
background:
var(--gw-primary);
border-color:
var(--gw-primary);
color:
#fff;
box-shadow:
0 6px 16px rgba(124, 92, 255, .16);
}
.gw-mobile-menu__tool--submit:hover,
.gw-mobile-menu__tool--submit:active {
background:
var(--gw-primary-hover);
border-color:
var(--gw-primary-hover);
color:
#fff;
} .gw-mobile-menu__tool--logout {
color:
var(--gw-danger);
background:
rgba(228, 87, 87, .035);
border-color:
rgba(228, 87, 87, .10);
}
.gw-mobile-menu__tool--logout:hover,
.gw-mobile-menu__tool--logout:active {
color:
#fff;
background:
var(--gw-danger);
border-color:
var(--gw-danger);
} .gw-mobile-menu__notification-dot {
position:
absolute;
top:
9px;
right:
10px;
width:
7px;
height:
7px;
background:
var(--gw-danger);
border:
2px solid #fafafd;
border-radius:
50%;
}
.gw-mobile-menu__notification-dot[hidden] {
display:
none !important;
} body.gw-mobile-menu-open {
overflow:
hidden;
overscroll-behavior:
none;
}
} @media (max-width: 480px) {
.gw-header__container {
padding:
0 4px;
}
.gw-header__mobile-left {
left:
2px;
}
.gw-mobile-search-toggle {
right:
2px;
}
.gw-header__icon-button {
width:
39px;
height:
39px;
}
.gw-header__logo-image {
max-width:
125px;
height:
26px;
}
.gw-header__logo-text {
max-width:
125px;
font-size:
16px;
}
.gw-mobile-menu {
width:
min(
320px,
88vw
);
}
.gw-search-hot__item {
min-height:
31px;
}
.gw-search-hot__name {
font-size:
11px;
}
} @media (max-width: 360px) {
.gw-header__logo-image {
max-width:
108px;
}
.gw-header__logo-text {
font-size:
15px;
}
.gw-header__icon-button {
width:
37px;
height:
37px;
}
.gw-mobile-menu__tools {
grid-template-columns:
minmax(0, 1fr);
}
.gw-mobile-menu__tool--submit {
grid-column:
auto;
}
.gw-mobile-menu__tool--logout {
grid-column:
auto;
}
.gw-search-hot {
grid-template-columns:
minmax(0, 1fr);
}
} .gw-wiki-single {
--gw-article-primary: #6c63ff;
--gw-article-primary-dark: #5548f5;
--gw-article-surface: #ffffff;
--gw-article-border: #eceef3;
--gw-article-muted: #747b8b;
--gw-article-shadow: 0 14px 40px rgba(45, 49, 73, .07);
background:
radial-gradient(circle at 100% 0, rgba(108, 99, 255, .09), transparent 31rem),
#f7f8fc;
}
.gw-wiki-single .gw-container {
position: relative;
}
.gw-wiki-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
padding: 25px 4px 0;
color: var(--gw-article-muted);
font-size: 12px;
line-height: 1.5;
}
.gw-wiki-breadcrumb a {
color: var(--gw-article-primary);
text-decoration: none;
transition: color .2s ease;
}
.gw-wiki-breadcrumb a:hover,
.gw-wiki-breadcrumb a:focus-visible {
color: var(--gw-article-primary-dark);
}
.gw-wiki-breadcrumb span:last-child {
min-width: 0;
overflow: hidden;
color: #a1a7b4;
text-overflow: ellipsis;
white-space: nowrap;
}
.gw-wiki-single .gw-wiki-hero-card,
.gw-wiki-single .gw-wiki-content,
.gw-wiki-single .gw-author-card {
border-color: var(--gw-article-border);
box-shadow: var(--gw-article-shadow);
}
.gw-wiki-single .gw-wiki-hero-card {
position: relative;
overflow: hidden;
margin-top: 16px;
border-radius: 22px;
}
.gw-wiki-single .gw-wiki-hero-card::after {
position: absolute;
top: -90px;
right: -65px;
width: 210px;
height: 210px;
border-radius: 50%;
background: rgba(108, 99, 255, .055);
content: '';
pointer-events: none;
}
.gw-wiki-single .gw-wiki-hero__cover,
.gw-wiki-single .gw-wiki-hero__info {
position: relative;
z-index: 1;
}
.gw-wiki-single .gw-wiki-hero__cover {
box-shadow: 0 10px 24px rgba(48, 43, 116, .14);
}
.gw-wiki-single .gw-wiki-hero__image {
transition: transform .45s ease;
}
.gw-wiki-single .gw-wiki-hero-card:hover .gw-wiki-hero__image {
transform: scale(1.035);
}
.gw-wiki-single .gw-wiki-content {
border-radius: 20px;
}
.gw-wiki-single .gw-wiki-content__topline {
padding-top: 20px;
}
.gw-wiki-single .gw-wiki-content__body h2 {
scroll-margin-top: 90px;
}
.gw-wiki-single .gw-wiki-content__body img {
box-shadow: 0 10px 25px rgba(32, 36, 45, .1);
} .gw-wiki-single .gw-wiki-hero__title {
font-size: 36px;
letter-spacing: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.gw-wiki-single .gw-wiki-hero__title-rating {
display: inline-flex;
margin-top: 6px;
margin-left: 0;
}
.gw-wiki-single .gw-wiki-action:focus-visible,
.gw-wiki-single .gw-wiki-tag:focus-visible,
.gw-wiki-single .gw-recommend-card a:focus-visible {
outline: 3px solid rgba(108, 99, 255, .3);
outline-offset: 3px;
}
@media (max-width: 900px) {
.gw-wiki-single .gw-wiki-author-sidebar {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 720px) {
.gw-wiki-single {
padding-bottom: 32px;
}
.gw-wiki-breadcrumb {
gap: 6px;
padding: 18px 2px 0;
font-size: 11px;
}
.gw-wiki-single .gw-wiki-hero-card {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 12px;
margin-bottom: 18px;
padding: 14px;
border-radius: 18px;
}
.gw-wiki-single .gw-wiki-hero__cover {
width: 100%;
max-height: 230px;
aspect-ratio: 16 / 9;
border-radius: 14px;
}
.gw-wiki-single .gw-wiki-hero__title {
font-size: 28px;
letter-spacing: 0;
}
.gw-wiki-single .gw-wiki-hero__contributor {
margin-top: 14px;
}
.gw-wiki-single .gw-wiki-hero__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 16px;
}
.gw-wiki-single .gw-wiki-action {
width: 100%;
min-height: 42px;
padding: 0 10px;
font-size: 11px;
}
.gw-wiki-single .gw-wiki-content {
border-radius: 17px;
}
.gw-wiki-single .gw-wiki-content__topline {
padding: 16px 19px 0;
}
.gw-wiki-single .gw-wiki-content__body {
padding: 22px 19px 28px;
font-size: 15px;
line-height: 1.85;
}
.gw-wiki-single .gw-wiki-content__body h2 {
margin-top: 34px;
font-size: 22px;
}
.gw-wiki-single .gw-wiki-content__body h3 {
font-size: 18px;
}
.gw-wiki-single .gw-wiki-content__body pre {
margin-right: -3px;
margin-left: -3px;
padding: 14px;
border-radius: 12px;
font-size: 12px;
}
.gw-wiki-single .gw-wiki-content__body table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.gw-wiki-single .gw-wiki-tags,
.gw-wiki-single .gw-wiki-pagination {
margin-right: 19px;
margin-left: 19px;
}
}
@media (max-width: 440px) {
.gw-wiki-single .gw-wiki-hero__actions {
grid-template-columns: 1fr;
}
.gw-wiki-single .gw-wiki-hero__meta {
gap: 5px;
font-size: 10px;
}
.gw-wiki-single .gw-wiki-content__body {
padding-right: 16px;
padding-left: 16px;
}
.gw-wiki-single .gw-wiki-tags,
.gw-wiki-single .gw-wiki-pagination {
margin-right: 16px;
margin-left: 16px;
}
} @media (min-width: 901px) {
.gw-header__mobile-left,
.gw-mobile-search-toggle,
.gw-mobile-search,
.gw-mobile-menu,
.gw-mobile-menu-mask {
display:
none !important;
visibility:
hidden !important;
opacity:
0 !important;
pointer-events:
none !important;
}
} @media (prefers-reduced-motion: reduce) {
.gw-header,
.gw-mobile-menu,
.gw-mobile-menu-mask,
.gw-mobile-search,
.gw-search-panel,
.gw-header__menu > li > a,
.gw-header__action,
.gw-header__user,
.gw-header__user-dropdown,
.gw-mobile-menu__tool {
transition:
none !important;
}
}  .gw-front-page,
.gw-front-page * {
box-sizing: border-box;
}
.gw-front-page {
--home-primary: #7567ff;
--home-primary-dark: #6256dc;
--home-blue: #4f8cf7;
--home-green: #35ad87;
--home-orange: #efaa29;
--home-pink: #df6291;
--home-red: #e35b61;
--home-cyan: #16a9bd;
--home-heading: #202634;
--home-text: #4c5667;
--home-muted: #6f7989;
--home-border: #e6eaf0;
--home-border-light: #eef1f5;
overflow-x: clip;
}
.gw-front-page a {
text-decoration: none;
} .gw-home-hero {
position: relative;
min-height: 630px;
overflow: hidden;
background: #eaf6ff;
isolation: isolate;
}
.gw-home-hero__background {
position: absolute;
inset: 0;
z-index: 0;
background-image:
var(--gw-home-hero-image);
background-position:
center center;
background-size:
cover;
background-repeat:
no-repeat;
transform:
scale(1.015);
} .gw-home-hero__wash {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
90deg,
rgba(255,255,255,.97) 0%,
rgba(255,255,255,.93) 27%,
rgba(255,255,255,.68) 48%,
rgba(255,255,255,.12) 73%,
rgba(255,255,255,.02) 100%
);
} .gw-home-hero__wash::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 150px;
background:
linear-gradient(
to bottom,
transparent,
rgba(247,250,255,.85)
);
} .gw-home-hero__light {
position: absolute;
width: 500px;
height: 500px;
left: -180px;
top: -180px;
border-radius: 50%;
background:
radial-gradient(
circle,
rgba(111,160,255,.22),
transparent 70%
);
filter: blur(5px);
z-index: 2;
pointer-events: none;
} .gw-home-hero__particles {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
opacity: .55;
background-image:
radial-gradient(
circle,
rgba(91,117,190,.15) 0 1px,
transparent 1.5px
);
background-size:
72px 72px;
mask-image:
linear-gradient(
to bottom,
#000,
transparent 92%
);
} .gw-home-hero__container {
position: relative;
z-index: 5;
padding-top: 26px;
padding-bottom: 22px;
} .gw-home-hero__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.gw-home-hero__brand-state {
display: inline-flex;
align-items: center;
gap: 8px;
color: #697386;
font-size: 8px;
font-weight: 800;
letter-spacing: 1.7px;
}
.gw-home-hero__state-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #55c89c;
box-shadow:
0 0 0 4px
rgba(85,200,156,.10);
}
.gw-home-hero__edition {
color: #8c95a4;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.4px;
} .gw-home-hero__content {
display: grid;
grid-template-columns:
minmax(0, 1fr)
330px;
align-items: center;
gap: 40px;
min-height: 515px;
padding-top: 35px;
} .gw-home-hero__copy {
max-width: 680px;
}
.gw-home-hero__eyebrow {
display: inline-flex;
align-items: center;
min-height: 29px;
padding: 0 12px;
border:
1px solid
rgba(117,103,255,.13);
border-radius: 999px;
background:
rgba(255,255,255,.68);
color:
#7669df;
font-size: 8px;
font-weight: 800;
letter-spacing: 1.7px;
box-shadow:
0 6px 20px
rgba(62,87,125,.05);
backdrop-filter:
blur(10px);
}
.gw-home-hero__title {
margin:
19px 0 13px;
color:
#1e2431;
font-size:
clamp(62px, 8vw, 100px);
font-weight:
900;
line-height:
.88;
letter-spacing:
-5px;
}
.gw-home-hero__title strong {
font-weight:
900;
background:
linear-gradient(
135deg,
#7367fa 0%,
#4f8cf7 100%
);
-webkit-background-clip:
text;
background-clip:
text;
color:
transparent;
}
.gw-home-hero__description {
max-width: 610px;
margin: 0 0 24px;
color:
#4b5565;
font-size:
14px;
line-height:
1.9;
font-weight:
500;
} .gw-home-search {
display:
flex;
align-items:
center;
width:
min(100%, 640px);
height:
58px;
padding:
6px;
border:
1px solid
rgba(211,220,234,.95);
border-radius:
15px;
background:
rgba(255,255,255,.86);
box-shadow:
0 14px 35px
rgba(38,53,86,.08);
backdrop-filter:
blur(12px);
}
.gw-home-search__icon {
display:
flex;
align-items:
center;
justify-content:
center;
width:
41px;
height:
41px;
flex:
0 0 auto;
color:
#8e97a6;
}
.gw-home-search__icon svg {
width:
19px;
height:
19px;
}
.gw-home-search input {
flex:
1;
min-width:
0;
height:
100%;
border:
0;
outline:
0;
background:
transparent;
color:
#293140;
font-size:
13px;
font-weight:
500;
}
.gw-home-search input::placeholder {
color:
#9ba4b2;
}
.gw-home-search button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-width:
72px;
height:
43px;
border:
0;
border-radius:
11px;
background:
linear-gradient(
135deg,
#8378ff,
#675be4
);
color:
#fff;
font-size:
10px;
font-weight:
700;
cursor:
pointer;
box-shadow:
0 8px 18px
rgba(117,103,255,.22);
transition:
transform .18s ease,
box-shadow .18s ease;
}
.gw-home-search button:hover {
transform:
translateY(-1px);
box-shadow:
0 12px 25px
rgba(117,103,255,.30);
} .gw-home-hero__hot {
display:
flex;
align-items:
center;
flex-wrap:
wrap;
gap:
7px;
margin-top:
10px;
color:
#8c95a3;
font-size:
9px;
}
.gw-home-hero__hot a {
color:
#6d7481;
transition:
color .18s ease;
}
.gw-home-hero__hot a:hover {
color:
#7567ff;
} .gw-home-hero__info {
padding:
1px;
}
.gw-home-hero__info-inner {
padding:
25px 24px;
border:
1px solid
rgba(255,255,255,.76);
border-radius:
20px;
background:
rgba(255,255,255,.64);
box-shadow:
0 22px 50px
rgba(48,74,120,.10);
backdrop-filter:
blur(18px);
}
.gw-home-hero__info-label {
display:
block;
margin-bottom:
10px;
color:
#7b83ef;
font-size:
8px;
font-weight:
800;
letter-spacing:
1.5px;
}
.gw-home-hero__info-inner > strong {
display:
block;
color:
#232a38;
font-size:
21px;
line-height:
1.45;
font-weight:
800;
}
.gw-home-hero__info-inner > p {
margin:
12px 0 17px;
color:
#5c6675;
font-size:
11px;
line-height:
1.8;
} .gw-home-hero__stats {
display:
grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:
7px;
}
.gw-home-hero__stats > div {
padding:
10px 7px;
border:
1px solid
#eef1f5;
border-radius:
10px;
background:
rgba(255,255,255,.62);
text-align:
center;
}
.gw-home-hero__stats strong {
display:
block;
color:
#5962d6;
font-size:
17px;
line-height:
1.15;
font-weight:
850;
}
.gw-home-hero__stats span {
display:
block;
margin-top:
4px;
color:
#7e8795;
font-size:
8px;
}
.gw-home-hero__info-link {
display:
flex;
align-items:
center;
justify-content:
space-between;
margin-top:
13px;
min-height:
36px;
padding:
0 12px;
border:
1px solid
rgba(117,103,255,.15);
border-radius:
9px;
background:
#f5f3ff;
color:
#6e63d9;
font-size:
9px;
font-weight:
700;
transition:
background .18s ease,
transform .18s ease;
}
.gw-home-hero__info-link:hover {
color:
#6659da;
background:
#eeebff;
transform:
translateX(2px);
} .gw-home-hero__bottom {
display:
flex;
align-items:
center;
gap:
9px;
color:
#8791a0;
font-size:
7px;
font-weight:
800;
letter-spacing:
1.5px;
}
.gw-home-hero__bottom span {
width:
25px;
height:
1px;
background:
rgba(124,135,152,.22);
}
.gw-home-hero__edge {
position:
absolute;
left:
0;
right:
0;
bottom:
-1px;
height:
90px;
z-index:
4;
pointer-events:
none;
background:
linear-gradient(
to bottom,
transparent,
#f7f9fc
);
} .gw-home-quick {
position:
relative;
z-index:
10;
margin-top:
-26px;
}
.gw-home-quick__inner {
display:
grid;
grid-template-columns:
repeat(6,minmax(0,1fr));
gap:
9px;
padding:
9px;
border:
1px solid
rgba(224,229,237,.95);
border-radius:
15px;
background:
rgba(255,255,255,.96);
box-shadow:
0 15px 42px
rgba(40,52,82,.08);
backdrop-filter:
blur(18px);
}
.gw-home-quick__item {
display:
flex;
align-items:
center;
gap:
8px;
min-height:
54px;
padding:
0 10px;
border:
1px solid
#edf0f4;
border-radius:
11px;
color:
#596273;
background:
#fff;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease;
}
.gw-home-quick__item:hover {
transform:
translateY(-2px);
box-shadow:
0 9px 22px
rgba(45,54,80,.07);
color:
#2a303c;
}
.gw-home-quick__icon {
display:
flex;
align-items:
center;
justify-content:
center;
width:
31px;
height:
31px;
flex:
0 0 auto;
border-radius:
9px;
font-size:
10px;
font-weight:
800;
}
.gw-home-quick__item--purple
.gw-home-quick__icon {
background:
#f0edff;
color:
#7567ff;
}
.gw-home-quick__item--blue
.gw-home-quick__icon {
background:
#edf4ff;
color:
#4f8cf7;
}
.gw-home-quick__item--green
.gw-home-quick__icon {
background:
#eaf8f3;
color:
#35ad87;
}
.gw-home-quick__item--orange
.gw-home-quick__icon {
background:
#fff5e5;
color:
#efaa29;
}
.gw-home-quick__item--red
.gw-home-quick__icon {
background:
#fff0f0;
color:
#e35b61;
}
.gw-home-quick__item--pink
.gw-home-quick__icon {
background:
#fff0f6;
color:
#df6291;
}
.gw-home-quick__item > span:not(
.gw-home-quick__icon
) {
display:
flex;
flex-direction:
column;
min-width:
0;
}
.gw-home-quick__item strong {
color:
#303746;
font-size:
10px;
}
.gw-home-quick__item small {
margin-top:
2px;
color:
#a1a9b5;
font-size:
7px;
}
.gw-home-quick__item b {
margin-left:
auto;
color:
#c5cad2;
font-size:
12px;
} .gw-home-section {
margin-top:
58px;
}
.gw-home-section__header {
display:
flex;
align-items:
flex-end;
justify-content:
space-between;
gap:
20px;
margin-bottom:
18px;
}
.gw-home-section__label {
display:
block;
margin-bottom:
6px;
color:
#7567ff;
font-size:
8px;
font-weight:
800;
letter-spacing:
1.8px;
}
.gw-home-section__header h2 {
margin:
0;
color:
#202634;
font-size:
26px;
line-height:
1.25;
font-weight:
800;
}
.gw-home-section__header p {
margin:
5px 0 0;
color:
#657083;
font-size:
10px;
line-height:
1.65;
}
.gw-home-section__more {
display:
inline-flex;
align-items:
center;
gap:
5px;
color:
#647083;
font-size:
10px;
font-weight:
600;
white-space:
nowrap;
}
.gw-home-section__more:hover {
color:
#7567ff;
} .gw-home-knowledge {
margin-top:
50px;
}
.gw-home-knowledge-map {
display:
grid;
grid-template-columns:
repeat(4,minmax(0,1fr));
gap:
1px;
overflow:
hidden;
border:
1px solid
#e8ebf0;
border-radius:
16px;
background:
#e8ebf0;
box-shadow:
0 7px 26px
rgba(29,37,61,.035);
}
.gw-home-knowledge-card {
--knowledge-color:
#7567ff;
min-height:
188px;
padding:
17px;
background:
#fff;
transition:
background .18s ease;
}
.gw-home-knowledge-card:hover {
background:
#fcfcff;
}
.gw-home-knowledge-card--blue {
--knowledge-color:
#4f8cf7;
}
.gw-home-knowledge-card--orange {
--knowledge-color:
#efaa29;
}
.gw-home-knowledge-card--purple {
--knowledge-color:
#8b6ce0;
}
.gw-home-knowledge-card--cyan {
--knowledge-color:
#16a9bd;
}
.gw-home-knowledge-card--pink {
--knowledge-color:
#df6291;
}
.gw-home-knowledge-card--red {
--knowledge-color:
#e35b61;
}
.gw-home-knowledge-card--green {
--knowledge-color:
#35ad87;
}
.gw-home-knowledge-card--indigo {
--knowledge-color:
#6171d7;
}
.gw-home-knowledge-card::before {
content:
"";
display:
block;
width:
25px;
height:
3px;
margin-bottom:
12px;
border-radius:
99px;
background:
var(--knowledge-color);
}
.gw-home-knowledge-card__number {
color:
#bec5ce;
font-size:
8px;
font-family:
"SFMono-Regular",
Consolas,
monospace;
font-weight:
700;
}
.gw-home-knowledge-card__english {
display:
block;
margin-top:
3px;
color:
var(--knowledge-color);
font-size:
7px;
font-weight:
800;
letter-spacing:
1.2px;
}
.gw-home-knowledge-card h3 {
margin:
5px 0 0;
color:
#252a37;
font-size:
16px;
line-height:
1.35;
font-weight:
800;
}
.gw-home-knowledge-card h3 a {
color: inherit;
text-decoration: none;
}
.gw-home-knowledge-card h3 a:hover {
color: var(--knowledge-color);
}
.gw-home-knowledge-card h3 a:focus-visible {
outline: 2px solid var(--knowledge-color);
outline-offset: 3px;
border-radius: 3px;
}
.gw-home-knowledge-card p {
margin:
6px 0 11px;
color:
#637083;
font-size:
9px;
line-height:
1.65;
}
.gw-home-knowledge-card__links {
display:
flex;
flex-wrap:
wrap;
gap:
5px;
}
.gw-home-knowledge-card__links a {
display:
inline-flex;
align-items:
center;
min-height:
23px;
padding:
0 7px;
border:
1px solid
#e7ebf0;
border-radius:
6px;
color:
#5c6675;
background:
#fafbfc;
font-size:
8px;
}
.gw-home-knowledge-card__links a:hover {
color:
#fff;
border-color:
var(--knowledge-color);
background:
var(--knowledge-color);
} .gw-home-games {
margin-top:
62px;
}
.gw-home-games__grid {
display:
grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:
12px;
}
.gw-home-game-card {
display:
grid;
grid-template-columns:
190px
minmax(0,1fr);
min-width:
0;
overflow:
hidden;
border:
1px solid
#e7ebf0;
border-radius:
14px;
background:
#fff;
box-shadow:
0 6px 22px
rgba(26,34,56,.035);
transition:
transform .22s ease,
box-shadow .22s ease;
}
.gw-home-game-card:hover {
transform:
translateY(-3px);
box-shadow:
0 13px 30px
rgba(26,34,56,.09);
}
.gw-home-game-card__image {
position:
relative;
display:
block;
min-width:
0;
overflow:
hidden;
background:
#f0f3f7;
min-height:
140px;
}
.gw-home-game-card__image img {
display:
block;
width:
100%;
height:
100%;
object-fit:
cover;
transition:
transform .4s ease;
}
.gw-home-game-card:hover
.gw-home-game-card__image img {
transform:
scale(1.045);
}
.gw-home-game-card__shine {
position:
absolute;
inset:
0;
background:
linear-gradient(
115deg,
transparent 30%,
rgba(255,255,255,.32) 50%,
transparent 70%
);
transform:
translateX(-130%);
transition:
transform .7s ease;
}
.gw-home-game-card:hover
.gw-home-game-card__shine {
transform:
translateX(130%);
}
.gw-home-game-card__empty {
display:
flex;
flex-direction:
column;
align-items:
center;
justify-content:
center;
width:
100%;
height:
100%;
min-height:
140px;
background:
linear-gradient(
135deg,
#eef1ff,
#f8f9ff
);
color:
#7770df;
}
.gw-home-game-card__empty strong {
font-size:
29px;
line-height:
1;
}
.gw-home-game-card__empty span {
margin-top:
5px;
font-size:
7px;
letter-spacing:
1.7px;
}
.gw-home-game-card__open {
position:
absolute;
left:
12px;
bottom:
10px;
padding:
5px 8px;
border:
1px solid
rgba(255,255,255,.55);
border-radius:
999px;
background:
rgba(20,26,42,.28);
color:
#fff;
font-size:
8px;
backdrop-filter:
blur(7px);
opacity:
0;
transform:
translateY(4px);
transition:
opacity .22s ease,
transform .22s ease;
}
.gw-home-game-card:hover
.gw-home-game-card__open {
opacity:
1;
transform:
translateY(0);
}
.gw-home-game-card__body {
min-width:
0;
display:
flex;
flex-direction:
column;
padding:
15px;
}
.gw-home-game-card__meta {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
10px;
color:
#9ba4b1;
font-size:
7px;
}
.gw-home-game-card__meta span {
color:
#7567ff;
font-weight:
800;
letter-spacing:
.7px;
}
.gw-home-game-card__body h3 {
margin:
8px 0 6px;
font-size:
14px;
line-height:
1.4;
}
.gw-home-game-card__body h3 a {
color:
#252b38;
}
.gw-home-game-card__body h3 a:hover {
color:
#7567ff;
}
.gw-home-game-card__body p {
display:
-webkit-box;
margin:
0;
color:
#627083;
font-size:
9px;
line-height:
1.7;
overflow:
hidden;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
3;
} .gw-home-content-grid {
display:
grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:
18px;
}
.gw-home-list-card {
min-width:
0;
overflow:
hidden;
border:
1px solid
#e7ebf0;
border-radius:
16px;
background:
#fff;
box-shadow:
0 7px 25px
rgba(28,36,56,.03);
}
.gw-home-list-card__header {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
14px;
min-height:
72px;
padding:
13px 17px;
border-bottom:
1px solid
#eef1f5;
background:
#fcfdff;
}
.gw-home-list-card__header > div > span {
display:
block;
color:
#7567ff;
font-size:
7px;
font-weight:
800;
letter-spacing:
1.3px;
}
.gw-home-list-card__header h2 {
margin:
4px 0 0;
color:
#252a37;
font-size:
18px;
font-weight:
800;
}
.gw-home-list-card__header > a {
color:
#667286;
font-size:
9px;
font-weight:
600;
}
.gw-home-list-card__header > a:hover {
color:
#7567ff;
}
.gw-home-list-card__body {
padding:
0 16px;
} .gw-home-content-item {
display:
grid;
grid-template-columns:
86px
minmax(0,1fr)
28px;
align-items:
center;
gap:
11px;
padding:
13px 0;
border-bottom:
1px solid
#eef1f5;
}
.gw-home-content-item:last-child {
border-bottom:
0;
}
.gw-home-content-item__thumb {
display:
block;
aspect-ratio:
16 / 10;
overflow:
hidden;
border-radius:
9px;
background:
linear-gradient(
135deg,
#eef1ff,
#f7f8fb
);
}
.gw-home-content-item__thumb img {
display:
block;
width:
100%;
height:
100%;
object-fit:
cover;
transition:
transform .35s ease;
}
.gw-home-content-item:hover
.gw-home-content-item__thumb img {
transform:
scale(1.045);
}
.gw-home-content-item__thumb > span {
display:
flex;
align-items:
center;
justify-content:
center;
width:
100%;
height:
100%;
color:
#7771df;
font-size:
18px;
font-weight:
900;
}
.gw-home-content-item__main {
min-width:
0;
}
.gw-home-content-item__type {
display:
inline-block;
color:
#7567ff;
font-size:
7px;
font-weight:
800;
letter-spacing:
1px;
}
.gw-home-content-item__main h3 {
margin:
4px 0 4px;
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
font-size:
12px;
}
.gw-home-content-item__main h3 a {
color:
#28303d;
}
.gw-home-content-item__main h3 a:hover {
color:
#7567ff;
}
.gw-home-content-item__main p {
display:
-webkit-box;
margin:
0;
overflow:
hidden;
color:
#637083;
font-size:
8px;
line-height:
1.55;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
1;
}
.gw-home-content-item__meta {
display:
flex;
align-items:
center;
gap:
6px;
margin-top:
5px;
color:
#8b95a4;
font-size:
7px;
}
.gw-home-content-item__meta i {
width:
3px;
height:
3px;
border-radius:
50%;
background:
#cdd2da;
}
.gw-home-content-item__arrow {
display:
flex;
align-items:
center;
justify-content:
center;
width:
28px;
height:
28px;
border-radius:
8px;
background:
#f7f8fa;
color:
#a2aab6;
font-size:
12px;
}
.gw-home-content-item:hover
.gw-home-content-item__arrow {
color:
#7567ff;
background:
#f0edff;
} .gw-home-tutorial-grid {
display:
grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:
11px;
}
.gw-home-tutorial-card {
display:
grid;
grid-template-columns:
40px
minmax(0,1fr);
gap:
10px;
min-height:
125px;
padding:
13px;
border:
1px solid
#e8ebf0;
border-radius:
13px;
background:
#fff;
transition:
transform .18s ease,
box-shadow .18s ease;
}
.gw-home-tutorial-card:hover {
transform:
translateY(-3px);
box-shadow:
0 10px 25px
rgba(32,39,60,.07);
}
.gw-home-tutorial-card__number {
display:
flex;
align-items:
center;
justify-content:
center;
width:
36px;
height:
36px;
border-radius:
10px;
background:
#fff6e7;
color:
#e8a126;
font-family:
"SFMono-Regular",
Consolas,
monospace;
font-size:
9px;
font-weight:
800;
}
.gw-home-tutorial-card__body {
min-width:
0;
}
.gw-home-tutorial-card__body > span {
color:
#e8a126;
font-size:
7px;
font-weight:
800;
letter-spacing:
1px;
}
.gw-home-tutorial-card h3 {
margin:
4px 0;
font-size:
12px;
line-height:
1.4;
}
.gw-home-tutorial-card h3 a {
color:
#29303d;
}
.gw-home-tutorial-card h3 a:hover {
color:
#df9a19;
}
.gw-home-tutorial-card p {
display:
-webkit-box;
margin:
0;
color:
#637083;
font-size:
8px;
line-height:
1.55;
overflow:
hidden;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
2;
}
.gw-home-tutorial-card__meta {
display:
flex;
align-items:
center;
justify-content:
space-between;
margin-top:
8px;
color:
#a2aab5;
font-size:
7px;
} .gw-home-community {
position:
relative;
display:
grid;
grid-template-columns:
minmax(0,1fr)
390px;
min-height:
270px;
overflow:
hidden;
border:
1px solid
#e4e7ef;
border-radius:
19px;
background:
linear-gradient(
120deg,
#f7f8ff,
#fff
);
}
.gw-home-community__copy {
position:
relative;
z-index:
3;
padding:
38px;
}
.gw-home-community__copy h2 {
margin:
0 0 11px;
color:
#202634;
font-size:
28px;
font-weight:
850;
}
.gw-home-community__copy p {
max-width:
500px;
margin:
0 0 18px;
color:
#5f6b7d;
font-size:
11px;
line-height:
1.8;
}
.gw-home-community__buttons {
display:
flex;
flex-wrap:
wrap;
gap:
8px;
}
.gw-home-button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-height:
38px;
padding:
0 15px;
border:
1px solid
#7567ff;
border-radius:
9px;
background:
#7567ff;
color:
#fff;
font-size:
9px;
font-weight:
700;
transition:
transform .18s ease,
background .18s ease;
}
.gw-home-button:hover {
color:
#fff;
background:
#8377ff;
transform:
translateY(-2px);
}
.gw-home-button--secondary {
border-color:
#e1e4eb;
background:
#fff;
color:
#596474;
}
.gw-home-button--secondary:hover {
color:
#7567ff;
background:
#faf9ff;
}
.gw-home-community__visual {
position:
relative;
overflow:
hidden;
}
.gw-community-grid {
position:
absolute;
inset:
-50px;
background-image:
linear-gradient(
rgba(117,103,255,.07) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(117,103,255,.07) 1px,
transparent 1px
);
background-size:
28px 28px;
transform:
perspective(500px)
rotateY(-8deg)
rotateX(5deg);
}
.gw-community-orb {
position:
absolute;
left:
50%;
top:
50%;
display:
flex;
align-items:
center;
justify-content:
center;
width:
125px;
height:
125px;
border:
1px solid
rgba(117,103,255,.20);
border-radius:
50%;
background:
radial-gradient(
circle,
rgba(117,103,255,.23),
rgba(117,103,255,.04) 70%
);
color:
#7567ff;
font-size:
31px;
font-weight:
900;
transform:
translate(-50%,-50%);
box-shadow:
0 0 70px
rgba(117,103,255,.17);
animation:
gw-home-orb
6s
ease-in-out
infinite;
}
@keyframes gw-home-orb {
0%,
100% {
transform:
translate(-50%,-50%);
}
50% {
transform:
translate(-50%,-55%);
}
}
.gw-community-tag {
position:
absolute;
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-height:
25px;
padding:
0 8px;
border:
1px solid
#dfddf7;
border-radius:
999px;
background:
rgba(255,255,255,.76);
color:
#7669e5;
font-size:
7px;
font-weight:
800;
box-shadow:
0 6px 14px
rgba(44,54,82,.05);
backdrop-filter:
blur(8px);
}
.gw-community-tag--one {
left:
15%;
top:
23%;
}
.gw-community-tag--two {
right:
14%;
top:
18%;
}
.gw-community-tag--three {
right:
11%;
bottom:
22%;
} .gw-home-empty {
padding:
38px 18px;
color:
#758092;
font-size:
10px;
text-align:
center;
} @media (max-width: 1200px) {
.gw-home-hero__content {
grid-template-columns:
minmax(0,1fr)
300px;
}
.gw-home-knowledge-map {
grid-template-columns:
repeat(4,minmax(0,1fr));
}
.gw-home-games__grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
.gw-home-tutorial-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
} @media (max-width: 900px) {
.gw-home-hero {
min-height:
auto;
}
.gw-home-hero__background {
background-position:
63% center;
}
.gw-home-hero__wash {
background:
linear-gradient(
180deg,
rgba(255,255,255,.96) 0%,
rgba(255,255,255,.89) 40%,
rgba(255,255,255,.67) 67%,
rgba(247,250,255,.93) 100%
);
}
.gw-home-hero__content {
grid-template-columns:
1fr;
min-height:
auto;
gap:
25px;
padding-top:
42px;
padding-bottom:
26px;
}
.gw-home-hero__copy {
max-width:
none;
text-align:
center;
}
.gw-home-hero__title {
font-size:
74px;
letter-spacing:
-3.5px;
}
.gw-home-hero__description {
margin-left:
auto;
margin-right:
auto;
color:
#4a5566;
}
.gw-home-search {
margin-left:
auto;
margin-right:
auto;
text-align:
left;
}
.gw-home-hero__hot {
justify-content:
center;
}
.gw-home-hero__info {
width:
min(100%, 450px);
margin:
0 auto;
}
.gw-home-hero__info-inner {
padding:
19px;
}
.gw-home-hero__bottom {
justify-content:
center;
padding-bottom:
4px;
}
.gw-home-quick__inner {
grid-template-columns:
repeat(3,minmax(0,1fr));
}
.gw-home-knowledge-map {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
.gw-home-games__grid {
grid-template-columns:
1fr;
}
.gw-home-content-grid {
grid-template-columns:
1fr;
}
.gw-home-tutorial-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
.gw-home-community {
grid-template-columns:
1fr;
}
.gw-home-community__visual {
display:
none;
}
} @media (max-width: 640px) {
.gw-home-hero__top {
padding:
0 3px;
}
.gw-home-hero__edition {
display:
none;
}
.gw-home-hero__content {
padding-top:
34px;
}
.gw-home-hero__title {
font-size:
60px;
line-height:
.92;
letter-spacing:
-3px;
}
.gw-home-hero__description {
font-size:
12px;
line-height:
1.8;
}
.gw-home-search {
height:
52px;
border-radius:
13px;
}
.gw-home-search__icon {
width:
35px;
}
.gw-home-search input {
font-size:
11px;
}
.gw-home-search button {
min-width:
58px;
height:
39px;
}
.gw-home-hero__info-inner {
border-radius:
16px;
}
.gw-home-hero__info-inner > strong {
font-size:
18px;
}
.gw-home-quick__inner {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:
7px;
padding:
7px;
border-radius:
13px;
}
.gw-home-quick__item {
min-height:
49px;
padding:
0 8px;
}
.gw-home-section {
margin-top:
44px;
}
.gw-home-section__header {
align-items:
center;
}
.gw-home-section__header h2 {
font-size:
22px;
}
.gw-home-section__header p {
font-size:
9px;
}
.gw-home-section__more {
font-size:
9px;
}
.gw-home-knowledge-map {
grid-template-columns:
1fr;
}
.gw-home-knowledge-card {
min-height:
auto;
padding:
16px;
}
.gw-home-game-card {
grid-template-columns:
138px
minmax(0,1fr);
}
.gw-home-game-card__image {
min-height:
120px;
}
.gw-home-game-card__body {
padding:
12px;
}
.gw-home-game-card__body h3 {
font-size:
12px;
}
.gw-home-game-card__body p {
font-size:
8px;
-webkit-line-clamp:
4;
}
.gw-home-content-item {
grid-template-columns:
76px
minmax(0,1fr)
25px;
gap:
9px;
}
.gw-home-content-item__main p {
display:
none;
}
.gw-home-content-item__main h3 {
font-size:
11px;
}
.gw-home-tutorial-grid {
grid-template-columns:
1fr;
}
.gw-home-community__copy {
padding:
28px 22px;
}
.gw-home-community__copy h2 {
font-size:
24px;
}
} @media (max-width: 420px) {
.gw-home-hero__background {
background-position:
61% center;
}
.gw-home-hero__title {
font-size:
52px;
}
.gw-home-hero__description br {
display:
none;
}
.gw-home-quick__item > span:not(
.gw-home-quick__icon
) small {
display:
none;
}
.gw-home-game-card {
grid-template-columns:
118px
minmax(0,1fr);
}
.gw-home-content-item {
grid-template-columns:
69px
minmax(0,1fr)
23px;
}
.gw-home-content-item__meta {
display:
none;
}
} @media (prefers-reduced-motion: reduce) {
.gw-front-page *,
.gw-front-page *::before,
.gw-front-page *::after {
animation-duration:
.01ms !important;
animation-iteration-count:
1 !important;
transition-duration:
.01ms !important;
}
} .gw-footer {
position: relative;
margin-top: 70px;
background: #fff;
border-top: 1px solid var(--gw-border);
color: var(--gw-text-secondary);
} .gw-footer__container {
padding-top: 50px;
padding-bottom: 25px;
} .gw-footer__main {
display: grid;
grid-template-columns: minmax(280px, 2fr) repeat(3, minmax(120px, 1fr));
gap: 50px;
} .gw-footer__brand {
max-width: 430px;
}
.gw-footer__logo {
display: inline-flex;
align-items: center;
margin-bottom: 15px;
color: var(--gw-heading);
text-decoration: none;
}
.gw-footer__logo-image {
display: block;
width: auto;
height: 34px;
max-width: 190px;
object-fit: contain;
}
.gw-footer__logo-text {
color: var(--gw-heading);
font-size: 23px;
font-weight: 850;
letter-spacing: -.6px;
}
.gw-footer__description {
max-width: 410px;
margin: 0 0 15px;
color: var(--gw-text-muted);
font-size: 13px;
line-height: 1.85;
}
.gw-footer__brand-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
color: var(--gw-text-light);
font-size: 9px;
font-weight: 700;
letter-spacing: 1.2px;
} .gw-footer__column {
min-width: 0;
}
.gw-footer__title {
margin: 0 0 16px;
color: var(--gw-heading);
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.gw-footer__links {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.gw-footer__links a {
display: inline-flex;
align-items: center;
width: fit-content;
color: var(--gw-text-muted);
font-size: 12px;
line-height: 1.5;
text-decoration: none;
transition: color var(--gw-transition-fast), transform var(--gw-transition-fast);
}
.gw-footer__links a:hover {
color: var(--gw-primary);
transform: translateX(3px);
} .gw-footer__divider {
width: 100%;
height: 1px;
margin: 38px 0 20px;
background: var(--gw-border-light);
} .gw-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.gw-footer__copyright {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
color: var(--gw-text-light);
font-size: 10px;
line-height: 1.6;
}
.gw-footer__dot {
color: var(--gw-border);
}
.gw-footer__bottom-links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 18px;
}
.gw-footer__bottom-links a {
color: var(--gw-text-light);
font-size: 10px;
text-decoration: none;
transition: color var(--gw-transition-fast);
}
.gw-footer__bottom-links a:hover {
color: var(--gw-primary);
} @media (max-width: 900px) {
.gw-footer {
margin-top: 50px;
}
.gw-footer__container {
width: min( calc(100% - 28px), var(--gw-container-width) );
padding-top: 38px;
padding-bottom: 22px;
}
.gw-footer__main {
grid-template-columns: 1fr 1fr;
gap: 32px 25px;
}
.gw-footer__brand {
grid-column: 1 / -1;
max-width: none;
}
.gw-footer__description {
max-width: 100%;
font-size: 12px;
}
.gw-footer__column {
min-width: 0;
}
.gw-footer__title {
margin-bottom: 12px;
font-size: 13px;
}
.gw-footer__links {
gap: 8px;
}
.gw-footer__links a {
font-size: 11px;
}
.gw-footer__divider {
margin: 30px 0 18px;
}
.gw-footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 13px;
}
.gw-footer__bottom-links {
gap: 14px;
}
}
@media (max-width: 480px) {
.gw-footer__main {
grid-template-columns: 1fr 1fr;
gap: 28px 18px;
}
.gw-footer__logo-image {
height: 30px;
max-width: 160px;
}
.gw-footer__logo-text {
font-size: 20px;
}
.gw-footer__brand-meta {
font-size: 8px;
letter-spacing: .8px;
}
.gw-footer__copyright {
font-size: 9px;
}
.gw-footer__bottom-links {
gap: 12px;
}
}
@media (max-width: 340px) {
.gw-footer__main {
grid-template-columns: 1fr;
}
} .gw-mobile-bottom-nav {
display: none;
}
.gw-icon-fallback { display: inline; }
.gw-mobile-bottom-nav__icon > i { display: none; width: 18px; height: 18px; }
.gw-mobile-bottom-nav__icon > i svg { width: 100%; height: 100%; stroke-width: 2; }
.gw-icons-ready .gw-icon-fallback { display: none; }
.gw-icons-ready .gw-mobile-bottom-nav__icon > i { display: inline-flex; align-items: center; justify-content: center; }
.gw-icons-ready .gw-mobile-bottom-nav__icon > svg { display: block; width: 18px; height: 18px; stroke-width: 2; }
@media (max-width: 720px) {
body {
padding-bottom: calc(70px + env(safe-area-inset-bottom));
}
.gw-mobile-bottom-nav {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
min-height: 62px;
padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
border-top: 1px solid rgba(229, 232, 241, .9);
background: rgba(255, 255, 255, .92);
box-shadow: 0 -8px 28px rgba(33, 37, 57, .08);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.gw-mobile-bottom-nav__item {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
min-height: 50px;
align-items: center;
justify-content: center;
gap: 2px;
color: #858b9a;
font-size: 10px;
font-weight: 650;
line-height: 1.2;
text-decoration: none;
transition: color .2s ease, transform .2s ease;
}
.gw-mobile-bottom-nav__icon {
display: grid;
width: 24px;
height: 24px;
place-items: center;
border-radius: 9px;
font-size: 17px;
font-weight: 700;
line-height: 1;
}
.gw-mobile-bottom-nav__item--wiki {
color: #9b92ff;
cursor: pointer;
}
.gw-mobile-bottom-nav__item--wiki .gw-mobile-bottom-nav__icon {
width: 38px;
height: 38px;
margin-top: -17px;
border: 4px solid #f7f8fb;
border-radius: 14px;
background: linear-gradient(135deg, #8a7cff, #6757e8);
box-shadow: 0 7px 17px rgba(108, 99, 255, .3);
color: #fff;
font-size: 14px;
letter-spacing: -.4px;
}
.gw-mobile-bottom-nav__badge {
position: absolute;
top: 5px;
right: calc(50% - 18px);
}
.gw-mobile-bottom-nav__item:focus-visible {
outline: 3px solid rgba(108, 99, 255, .35);
outline-offset: -3px;
}
.gw-wiki-single .gw-wiki-author-sidebar {
display: none;
}
#galwiki-comments-scope .gw-sticker__panel {
bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}
} .gw-wiki-single {
padding-bottom: 70px;
}
.gw-wiki-entry {
width: 100%;
} .gw-wiki-hero-card {
display: grid;
grid-template-columns:
310px minmax(0, 1fr);
gap: 30px;
margin-top: 30px;
margin-bottom: 30px;
padding: 24px;
background: #fff;
border: 1px solid var(--gw-border);
border-radius: 20px;
box-shadow:
0 8px 30px rgba(20,24,40,.055);
} .gw-wiki-hero__cover {
width: 310px;
height: 194px;
overflow: hidden;
background:
linear-gradient(
135deg,
#f0edff,
#e6e1ff
);
border-radius: 15px;
}
.gw-wiki-hero__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gw-wiki-hero__empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color:
rgba(124,92,255,.42);
}
.gw-wiki-hero__empty strong {
font-size: 58px;
line-height: 1;
font-weight: 900;
}
.gw-wiki-hero__empty span {
margin-top: 7px;
font-size: 10px;
letter-spacing: 2px;
} .gw-wiki-hero__info {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.gw-wiki-hero__category {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 27px;
padding: 0 10px;
margin-bottom: 9px;
background:
var(--gw-primary-soft);
border-radius: 999px;
color:
var(--gw-primary);
font-size: 10px;
font-weight: 700;
text-decoration: none;
}
.gw-wiki-hero__category:hover {
color:
var(--gw-primary-hover);
}
.gw-wiki-hero__title {
margin: 0;
color:
var(--gw-heading);
font-size:
clamp(30px, 4vw, 44px);
line-height: 1.28;
font-weight: 850;
letter-spacing: -.8px;
}
.gw-wiki-hero__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin-top: 10px;
color:
var(--gw-text-muted);
font-size: 11px;
} .gw-wiki-hero__contributor {
display: flex;
align-items: center;
gap: 10px;
margin-top: 18px;
}
.gw-wiki-hero__contributor-label {
color:
var(--gw-text-light);
font-size: 9px;
font-weight: 800;
letter-spacing: 1.2px;
}
.gw-wiki-contributor {
display: inline-flex;
align-items: center;
gap: 7px;
color:
var(--gw-text);
text-decoration: none;
}
.gw-wiki-contributor:hover {
color:
var(--gw-primary);
}
.gw-wiki-contributor__avatar {
display: block;
width: 34px;
height: 34px;
overflow: hidden;
border-radius: 50%;
}
.gw-wiki-contributor__avatar img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 50%;
}
.gw-wiki-contributor__name {
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
font-weight: 600;
}
.gw-wiki-contributor__more { position: relative; font-size: 12px; color: var(--gw-text-light); }
.gw-wiki-contributor__more summary { cursor: pointer; color: var(--gw-primary); font-weight: 700; }
.gw-wiki-contributor__more > div { position: absolute; z-index: 4; top: 22px; left: 0; min-width: 150px; max-width: 240px; padding: 8px 10px; background: #fff; border: 1px solid var(--gw-border); border-radius: 5px; box-shadow: 0 8px 20px rgba(25,30,38,.12); }
.gw-wiki-contributor__more a { display: block; padding: 4px 0; color: var(--gw-text); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-wiki-contributor__more a:hover { color: var(--gw-primary); } .gw-wiki-hero__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 20px;
}
.gw-wiki-action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 37px;
padding: 0 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition:
transform .2s ease,
background .2s ease,
color .2s ease,
box-shadow .2s ease;
}
.gw-wiki-action:hover {
transform: translateY(-1px);
}
.gw-wiki-action--official {
background:
#f7f8fa;
border:
1px solid var(--gw-border);
color:
var(--gw-text-secondary);
}
.gw-wiki-action--official:hover {
color:
var(--gw-primary);
border-color:
rgba(124,92,255,.18);
background:
var(--gw-primary-soft);
}
.gw-wiki-action--primary {
background:
var(--gw-primary);
border:
1px solid var(--gw-primary);
color:
#fff;
box-shadow:
0 4px 14px rgba(124,92,255,.16);
}
.gw-wiki-action--primary:hover {
background:
var(--gw-primary-hover);
color:
#fff;
}
.gw-wiki-action--secondary {
background:
var(--gw-primary-soft);
border:
1px solid rgba(124,92,255,.12);
color:
var(--gw-primary);
}
.gw-wiki-action--resource-limited {
opacity: .52;
}
.gw-wiki-action--resource-limited:hover {
transform: none;
}
.gw-wiki-action--favorite {
border: 1px solid rgba(124, 92, 255, .16);
background: #fff;
color: var(--gw-text-secondary);
cursor: pointer;
}
.gw-wiki-action--favorite:hover,
.gw-wiki-action--favorite.is-favorited {
border-color: rgba(124, 92, 255, .24);
background: var(--gw-primary-soft);
color: var(--gw-primary);
}
.gw-wiki-action--favorite:disabled {
cursor: wait;
opacity: .65;
} .gw-wiki-main-layout {
display: grid;
grid-template-columns:
minmax(0, 1fr)
250px;
gap: 28px;
align-items: start;
}
.gw-wiki-main {
min-width: 0;
} .gw-wiki-content {
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
18px;
overflow:
hidden;
}
.gw-wiki-content__topline {
display: flex;
align-items: center;
gap: 7px;
padding:
15px 35px 0;
color:
var(--gw-text-light);
font-size:
9px;
font-weight:
700;
letter-spacing:
1px;
}
.gw-wiki-content__body {
padding:
30px 35px 38px;
color:
#30343a;
font-size:
16px;
line-height:
1.95;
overflow-wrap:
break-word;
}
.gw-single-ad {
max-width: 100%;
margin: 0 0 24px;
padding: 12px;
overflow: hidden;
border: 1px solid #e4dfd4;
border-radius: 8px;
background: #fffcf5;
overflow-wrap: anywhere;
}
.gw-single-ad__label {
display: inline-flex;
min-height: 22px;
align-items: center;
margin: 0 0 10px;
padding: 0 8px;
border-radius: 999px;
background: #6c5a34;
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
}
.gw-single-ad__content {
max-width: 100%;
overflow-x: auto;
}
.gw-single-ad__content > * {
max-width: 100%;
}
.gw-single-ad__content iframe,
.gw-single-ad__content img {
max-width: 100%;
}
@media (max-width: 640px) {
.gw-single-ad { margin-bottom: 20px; padding: 10px; }
} .gw-wiki-content__body > *:first-child {
margin-top:
0;
}
.gw-wiki-content__body p {
margin:
0 0 19px;
}
.gw-wiki-content__body h2 {
position: relative;
margin:
42px 0 18px;
padding-left:
14px;
color:
var(--gw-heading);
font-size:
25px;
line-height:
1.45;
font-weight:
800;
}
.gw-wiki-content__body h2::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 4px;
height:
calc(100% - 8px);
background:
var(--gw-primary);
border-radius:
99px;
}
.gw-wiki-content__body h3 {
margin:
30px 0 13px;
color:
var(--gw-heading);
font-size:
20px;
line-height:
1.5;
}
.gw-wiki-content__body h4 {
margin:
25px 0 11px;
color:
var(--gw-heading);
font-size:
17px;
}
.gw-wiki-content__body strong {
color:
var(--gw-heading);
font-weight:
700;
}
.gw-wiki-content__body a {
color:
var(--gw-primary);
text-decoration:
none;
border-bottom:
1px solid rgba(124,92,255,.18);
}
.gw-wiki-content__body a:hover {
color:
var(--gw-primary-hover);
border-color:
var(--gw-primary-hover);
} .gw-wiki-content__body ul,
.gw-wiki-content__body ol {
margin:
18px 0;
padding-left:
28px;
}
.gw-wiki-content__body ul {
list-style:
disc;
}
.gw-wiki-content__body ol {
list-style:
decimal;
}
.gw-wiki-content__body li {
margin-bottom:
8px;
} .gw-wiki-content__body blockquote {
margin:
24px 0;
padding:
16px 20px;
background:
#fafafe;
border-left:
4px solid var(--gw-primary);
border-radius:
0 10px 10px 0;
color:
var(--gw-text-secondary);
} .gw-wiki-content__body img {
display:
block;
max-width:
100%;
height:
auto;
margin:
24px auto;
border-radius:
10px;
} .gw-wiki-content__body table {
width:
100%;
margin:
24px 0;
border-collapse:
collapse;
background:
#fff;
font-size:
13px;
}
.gw-wiki-content__body th,
.gw-wiki-content__body td {
padding:
11px 13px;
border:
1px solid var(--gw-border);
vertical-align:
top;
text-align:
left;
}
.gw-wiki-content__body th {
background:
#fafafd;
color:
var(--gw-heading);
font-weight:
700;
} .gw-wiki-content__body pre {
overflow-x:
auto;
margin:
24px 0;
padding:
18px;
background:
#1d2028;
color:
#eef0f5;
border-radius:
10px;
font-size:
13px;
line-height:
1.75;
}
.gw-wiki-content__body code {
font-family:
"SFMono-Regular",
Consolas,
monospace;
}
.gw-wiki-content__body :not(pre) > code {
padding:
2px 5px;
background:
#f0f1f3;
border-radius:
4px;
color:
#9b4269;
font-size:
.9em;
} .gw-wiki-tags {
display:
flex;
align-items:
center;
flex-wrap:
wrap;
gap:
10px;
padding:
18px 35px;
border-top:
1px solid var(--gw-border);
}
.gw-wiki-tags__label {
color:
var(--gw-text-muted);
font-size:
11px;
font-weight:
700;
}
.gw-wiki-tags__list {
display:
flex;
flex-wrap:
wrap;
gap:
6px;
}
.gw-wiki-tag {
display:
inline-flex;
align-items:
center;
min-height:
28px;
padding:
0 9px;
background:
#fafafa;
border:
1px solid var(--gw-border);
border-radius:
999px;
color:
var(--gw-text-secondary);
font-size:
10px;
text-decoration:
none;
}
.gw-wiki-tag:hover {
color:
var(--gw-primary);
background:
var(--gw-primary-soft);
border-color:
rgba(124,92,255,.15);
} .gw-wiki-pagination {
display:
grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
10px;
padding:
0 35px 30px;
}
.gw-wiki-pagination__item {
min-width:
0;
padding:
14px;
background:
#fafafa;
border:
1px solid var(--gw-border);
border-radius:
10px;
}
.gw-wiki-pagination__item--next {
text-align:
right;
}
.gw-wiki-pagination__item span {
display:
block;
margin-bottom:
4px;
color:
var(--gw-text-light);
font-size:
9px;
}
.gw-wiki-pagination__item a,
.gw-wiki-pagination__item strong {
display:
block;
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
color:
var(--gw-text);
font-size:
11px;
}
.gw-wiki-pagination__item a:hover {
color:
var(--gw-primary);
} .gw-wiki-author-sidebar {
position:
sticky;
top:
88px;
}
.gw-author-card {
padding:
20px;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
17px;
box-shadow:
0 5px 20px rgba(20,24,40,.04);
} .gw-author-card__top {
margin-bottom:
16px;
padding-bottom:
12px;
border-bottom:
1px solid var(--gw-border-light);
}
.gw-author-card__label {
color:
var(--gw-primary);
font-size:
10px;
font-weight:
800;
letter-spacing:
1.5px;
} .gw-author-card__identity {
display:
flex;
flex-direction:
column;
align-items:
center;
text-align:
center;
}
.gw-author-card__avatar {
display:
block;
width:
74px;
height:
74px;
overflow:
hidden;
margin-bottom:
10px;
border-radius:
50%;
}
.gw-author-card__avatar img {
width:
100% !important;
height:
100% !important;
object-fit:
cover;
border-radius:
50%;
}
.gw-author-card__name {
color:
var(--gw-heading);
font-size:
15px;
font-weight:
750;
text-decoration:
none;
}
.gw-author-card__name:hover {
color:
var(--gw-primary);
}
.gw-author-card__username {
margin-top:
2px;
color:
var(--gw-text-light);
font-size:
10px;
} .gw-author-card__stats {
display:
grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap:
8px;
margin-top:
18px;
}
.gw-author-card__stats > div {
padding:
10px 5px;
background:
#fafafd;
border-radius:
9px;
text-align:
center;
}
.gw-author-card__stats strong {
display:
block;
color:
var(--gw-primary);
font-size:
16px;
line-height:
18px;
}
.gw-author-card__stats span {
display:
block;
margin-top:
3px;
color:
var(--gw-text-light);
font-size:
9px;
} .gw-author-card__signature {
margin-top:
17px;
padding-top:
15px;
border-top:
1px solid var(--gw-border-light);
}
.gw-author-card__signature > span {
display:
block;
margin-bottom:
6px;
color:
var(--gw-text-light);
font-size:
9px;
font-weight:
700;
}
.gw-author-card__signature p {
margin:
0;
color:
var(--gw-text-secondary);
font-size:
11px;
line-height:
1.75;
} .gw-author-card__social {
display:
flex;
align-items:
center;
justify-content:
center;
gap:
7px;
margin-top:
17px;
padding-top:
15px;
border-top:
1px solid var(--gw-border-light);
}
.gw-author-card__social a {
display:
flex;
align-items:
center;
justify-content:
center;
width:
31px;
height:
31px;
background:
#fafafa;
border:
1px solid var(--gw-border);
border-radius:
50%;
color:
var(--gw-text-secondary);
font-size:
10px;
font-weight:
700;
text-decoration:
none;
transition:
color .2s ease,
background .2s ease,
border-color .2s ease;
}
.gw-author-card__social a:hover {
color:
#fff;
background:
var(--gw-primary);
border-color:
var(--gw-primary);
}  .gw-wiki-single .gw-wiki-main-layout {
display: grid;
grid-template-columns:
minmax(0, 1fr)
250px;
align-items: start;
gap: 28px;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
} .gw-wiki-single .gw-wiki-main-layout > * {
min-width: 0;
max-width: 100%;
} .gw-wiki-single .gw-wiki-main {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
} .gw-wiki-single .gw-wiki-author-sidebar {
position: sticky;
top: 88px;
align-self: start;
width: 100%;
max-width: 250px;
min-width: 0;
box-sizing: border-box;
} .gw-wiki-recommend {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 38px 0 0;
padding: 0;
box-sizing: border-box;
} .gw-wiki-recommend__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin: 0 0 17px;
padding: 0;
box-sizing: border-box;
}
.gw-wiki-recommend__header h2 {
margin: 0;
padding: 0;
color: var(--gw-heading);
font-size: 24px;
font-weight: 750;
line-height: 1.35;
} .gw-wiki-recommend__grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap: 14px;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
} .gw-recommend-card {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
background: #fff;
border: 1px solid var(--gw-border);
border-radius: 13px;
box-sizing: border-box;
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}
.gw-recommend-card:hover {
transform: translateY(-3px);
border-color:
rgba(124, 92, 255, .16);
box-shadow:
var(--gw-shadow-sm);
} .gw-recommend-card__cover {
position: relative;
display: block;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
background:
var(--gw-primary-soft);
text-decoration: none;
box-sizing: border-box;
}
.gw-recommend-card__cover img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
margin: 0;
padding: 0;
object-fit: cover;
transition:
transform .35s ease;
}
.gw-recommend-card:hover
.gw-recommend-card__cover img {
transform:
scale(1.045);
} .gw-recommend-card__cover span {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color:
rgba(124, 92, 255, .4);
font-size: 14px;
font-weight: 800;
} .gw-recommend-card__body {
width: 100%;
max-width: 100%;
min-width: 0;
padding: 13px;
box-sizing: border-box;
} .gw-recommend-card__category {
display: block;
margin: 0 0 5px;
padding: 0;
color: var(--gw-primary);
font-size: 9px;
font-weight: 700;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .gw-recommend-card__body h3 {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.55;
}
.gw-recommend-card__body h3 a {
display: -webkit-box;
overflow: hidden;
color: var(--gw-heading);
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow-wrap: anywhere;
word-break: break-word;
transition:
color .18s ease;
}
.gw-recommend-card__body h3 a:hover {
color:
var(--gw-primary);
} .gw-recommend-card__date {
margin: 7px 0 0;
padding: 0;
color: var(--gw-text-light);
font-size: 9px;
line-height: 1.4;
} #galwiki-comments-scope {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 42px 0 0;
padding: 0;
clear: both;
color: var(--gw-text);
font-family: var(--gw-font);
box-sizing: border-box;
overflow: visible;
}
#galwiki-comments-scope,
#galwiki-comments-scope * {
box-sizing: border-box;
} #galwiki-comments-scope img,
#galwiki-comments-scope iframe,
#galwiki-comments-scope video,
#galwiki-comments-scope table,
#galwiki-comments-scope pre {
max-width: 100%;
} #galwiki-comments-scope .gw-comments__header {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 0 18px;
padding: 0;
}
#galwiki-comments-scope .gw-section-label {
display: block;
margin: 0 0 5px;
}
#galwiki-comments-scope .gw-comments__title {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
color: var(--gw-heading);
font-size: 24px;
font-weight: 750;
line-height: 1.35;
}
#galwiki-comments-scope .gw-comments__count {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 25px;
height: 22px;
padding: 0 7px;
background:
var(--gw-primary-soft);
border-radius: 999px;
color:
var(--gw-primary);
font-size: 10px;
font-weight: 600;
line-height: 1;
}
#galwiki-comments-scope
.gw-comments__count[hidden] {
display: none !important;
} #galwiki-comments-scope .gw-comments-login {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
min-width: 0;
gap: 15px;
margin: 0;
padding: 20px;
background: #fff;
border:
1px solid var(--gw-border);
border-radius: 15px;
box-sizing: border-box;
}
#galwiki-comments-scope
.gw-comments-login__icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 45px;
width: 45px;
height: 45px;
background:
var(--gw-primary-soft);
border-radius: 12px;
color:
var(--gw-primary);
font-size: 18px;
}
#galwiki-comments-scope
.gw-comments-login__content {
flex: 1 1 auto;
width: 0;
min-width: 0;
}
#galwiki-comments-scope
.gw-comments-login__content h3 {
margin: 0 0 4px;
padding: 0;
color:
var(--gw-heading);
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
#galwiki-comments-scope
.gw-comments-login__content p {
margin: 0;
padding: 0;
color:
var(--gw-text-muted);
font-size: 11px;
line-height: 1.7;
}
#galwiki-comments-scope
.gw-comments-login__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 70px;
height: 35px;
padding: 0 16px;
background:
var(--gw-primary);
border:
1px solid var(--gw-primary);
border-radius: 9px;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition:
transform .2s ease,
background .2s ease,
border-color .2s ease;
}
#galwiki-comments-scope
.gw-comments-login__button:hover {
background:
var(--gw-primary-hover);
border-color:
var(--gw-primary-hover);
color: #fff;
transform:
translateY(-1px);
} #galwiki-comments-scope .gw-comment-form {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 0 24px;
padding: 20px;
background: #fff;
border:
1px solid var(--gw-border);
border-radius: 15px;
overflow: visible;
} #galwiki-comments-scope
.gw-comment-native-form,
#galwiki-comments-scope
.gw-comment-native-form * {
max-width: 100%;
}
#galwiki-comments-scope
.gw-comment-native-form {
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#galwiki-comments-scope
.gw-comment-native-form
input,
#galwiki-comments-scope
.gw-comment-native-form
textarea,
#galwiki-comments-scope
.gw-comment-native-form
button {
font-family:
var(--gw-font);
} #galwiki-comments-scope .gw-comment-user {
display: flex;
align-items: center;
width: 100%;
min-width: 0;
gap: 9px;
margin: 0 0 14px;
}
#galwiki-comments-scope
.gw-comment-user__avatar {
flex: 0 0 38px;
width: 38px;
height: 38px;
overflow: hidden;
border-radius: 50%;
}
#galwiki-comments-scope
.gw-comment-user__avatar img {
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: cover;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
}
#galwiki-comments-scope
.gw-comment-user__info {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 0;
min-width: 0;
}
#galwiki-comments-scope
.gw-comment-user__info strong {
margin: 0;
color:
var(--gw-heading);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
#galwiki-comments-scope
.gw-comment-user__info span {
margin-top: 2px;
color:
var(--gw-text-light);
font-size: 9px;
line-height: 1.4;
} #galwiki-comments-scope .gw-comment-replying {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
width: 100%;
max-width: 100%;
margin: 0 0 12px;
padding: 10px 12px;
background:
var(--gw-primary-soft);
border:
1px solid rgba(124,92,255,.10);
border-radius: 10px;
}
#galwiki-comments-scope
.gw-comment-replying[hidden] {
display: none !important;
}
#galwiki-comments-scope
.gw-comment-replying__cancel {
margin-left: auto;
padding: 0;
background: transparent;
border: 0;
color:
var(--gw-text-muted);
font-size: 11px;
cursor: pointer;
appearance: none;
}
#galwiki-comments-scope
.gw-comment-replying__cancel:hover {
color:
var(--gw-primary);
} #galwiki-comments-scope
.gw-comment-editor {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
overflow: visible;
}
#galwiki-comments-scope
.gw-comment-textarea {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 145px;
margin: 0;
padding: 14px 15px;
background: #fafafd;
border:
1px solid var(--gw-border);
border-radius: 11px;
outline: none;
resize: vertical;
color:
var(--gw-text);
font-size: 13px;
line-height: 1.8;
box-shadow: none;
appearance: none;
transition:
background .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
#galwiki-comments-scope
.gw-comment-textarea:focus {
background: #fff;
border-color:
rgba(124,92,255,.35);
box-shadow:
0 0 0 3px rgba(124,92,255,.08);
}
#galwiki-comments-scope
.gw-comment-textarea::placeholder {
color:
var(--gw-text-light);
opacity: 1;
} #galwiki-comments-scope
.gw-comment-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-width: 0;
gap: 10px;
margin: 9px 0 0;
}
#galwiki-comments-scope
.gw-comment-toolbar__left,
#galwiki-comments-scope
.gw-comment-toolbar__right {
display: flex;
align-items: center;
min-width: 0;
gap: 8px;
}
#galwiki-comments-scope
.gw-comment-limit {
color:
var(--gw-text-light);
font-size: 9px;
line-height: 1.4;
} #galwiki-comments-scope
.gw-comment-submit-wrap {
display: flex;
justify-content: flex-end;
width: 100%;
margin: 12px 0 0;
}
#galwiki-comments-scope
.gw-comment-submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 100px;
height: 36px;
padding: 0 17px;
background:
var(--gw-primary);
border:
1px solid var(--gw-primary);
border-radius: 9px;
color: #fff;
font-size: 12px;
font-weight: 600;
cursor: pointer;
appearance: none;
transition:
transform .2s ease,
background .2s ease,
border-color .2s ease;
}
#galwiki-comments-scope
.gw-comment-submit:hover {
background:
var(--gw-primary-hover);
border-color:
var(--gw-primary-hover);
transform:
translateY(-1px);
}
#galwiki-comments-scope
.gw-comment-submit:disabled {
opacity: .55;
cursor: not-allowed;
transform: none;
} #galwiki-comments-scope
.gw-sticker {
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
margin: 0;
}
#galwiki-comments-scope
.gw-sticker__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
min-width: 0;
height: 31px;
padding: 0 10px;
background:
#f7f7fa;
border:
1px solid var(--gw-border);
border-radius: 8px;
color:
var(--gw-text-secondary);
font-size: 11px;
cursor: pointer;
appearance: none;
}
#galwiki-comments-scope
.gw-sticker__button:hover {
background:
var(--gw-primary-soft);
border-color:
rgba(124,92,255,.15);
color:
var(--gw-primary);
}
#galwiki-comments-scope
.gw-sticker__panel {
position: absolute;
left: 0;
bottom: 42px;
z-index: 99999;
width: 365px;
max-width: min(365px, calc(100vw - 30px));
max-height: 310px;
overflow: hidden;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius: 13px;
box-shadow:
0 15px 40px rgba(20,24,40,.14);
}
#galwiki-comments-scope
.gw-sticker__panel[hidden] {
display: none !important;
}
#galwiki-comments-scope
.gw-sticker__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 11px 13px;
border-bottom:
1px solid var(--gw-border-light);
}
#galwiki-comments-scope
.gw-sticker__header strong {
color:
var(--gw-heading);
font-size: 12px;
}
#galwiki-comments-scope
.gw-sticker__close {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
padding: 0;
background: transparent;
border: 0;
color:
var(--gw-text-muted);
font-size: 18px;
cursor: pointer;
}
#galwiki-comments-scope
.gw-sticker__grid {
display: grid;
grid-template-columns:
repeat(5, minmax(0, 1fr));
gap: 7px;
max-height: 250px;
padding: 12px;
overflow-x: hidden;
overflow-y: auto;
}
#galwiki-comments-scope
.gw-sticker__item {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1 / 1;
padding: 4px;
background:
#fafafa;
border:
1px solid transparent;
border-radius: 8px;
cursor: pointer;
appearance: none;
transition:
transform .15s ease,
background .15s ease,
border-color .15s ease;
}
#galwiki-comments-scope
.gw-sticker__item:hover {
background:
var(--gw-primary-soft);
border-color:
rgba(124,92,255,.18);
transform:
scale(1.05);
}
#galwiki-comments-scope
.gw-sticker__item img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: contain;
border: 0;
border-radius: 4px;
box-shadow: none;
} #galwiki-comments-scope
.gw-comments__list {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius: 15px;
overflow: hidden;
} #galwiki-comments-scope
.comment-list,
#galwiki-comments-scope
.children {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
list-style: none;
}
#galwiki-comments-scope
.comment-list > li {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
} #galwiki-comments-scope
.children {
margin-left: 30px;
width:
calc(100% - 30px);
max-width:
calc(100% - 30px);
}
#galwiki-comments-scope
.children .children {
margin-left: 24px;
width:
calc(100% - 24px);
max-width:
calc(100% - 24px);
} #galwiki-comments-scope
.gw-comment {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 20px;
background:
#fff;
border-bottom:
1px solid var(--gw-border-light);
overflow: hidden;
}
#galwiki-comments-scope
.comment-list > li:last-child
> .gw-comment {
border-bottom: 0;
}
#galwiki-comments-scope
.gw-comment__inner {
display: flex;
align-items: flex-start;
width: 100%;
max-width: 100%;
min-width: 0;
gap: 13px;
} #galwiki-comments-scope
.gw-comment__avatar {
flex: 0 0 42px;
width: 42px;
height: 42px;
min-width: 42px;
overflow: hidden;
border-radius: 50%;
}
#galwiki-comments-scope
.gw-comment__avatar-image {
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
} #galwiki-comments-scope
.gw-comment__main {
flex: 1 1 auto;
width: 0;
max-width: 100%;
min-width: 0;
overflow: hidden;
} #galwiki-comments-scope
.gw-comment__header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 100%;
min-width: 0;
gap: 10px;
margin: 0 0 7px;
}
#galwiki-comments-scope
.gw-comment__author {
display: flex;
align-items: center;
min-width: 0;
gap: 6px;
overflow: hidden;
color:
var(--gw-heading);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
#galwiki-comments-scope
.gw-comment__self {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 18px;
padding: 0 5px;
background:
var(--gw-primary-soft);
border-radius: 5px;
color:
var(--gw-primary);
font-size: 8px;
font-weight: 600;
}
#galwiki-comments-scope
.gw-comment__date {
flex: 0 0 auto;
color:
var(--gw-text-light);
font-size: 9px;
line-height: 1.4;
white-space: nowrap;
} #galwiki-comments-scope
.gw-comment__content {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
color:
var(--gw-text-secondary);
font-size: 13px;
line-height: 1.8;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
} #galwiki-comments-scope
.gw-comment__mention {
display: inline;
margin-right: 5px;
color:
var(--gw-primary);
font-weight: 700;
overflow-wrap: anywhere;
word-break: break-word;
} #galwiki-comments-scope
.gw-comment__content p {
margin: 0 0 8px;
padding: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
}
#galwiki-comments-scope
.gw-comment__content p:last-child {
margin-bottom: 0;
} #galwiki-comments-scope
.gw-comment__content img {
display: inline-block;
max-width: 100%;
height: auto;
margin: 3px 2px;
border: 0;
border-radius: 6px;
vertical-align: middle;
} #galwiki-comments-scope
.gw-comment-sticker,
#galwiki-comments-scope
.gw-comment__content
img.gw-comment-sticker {
display: inline-block !important;
width: 58px !important;
max-width: 58px !important;
height: 58px !important;
max-height: 58px !important;
margin: 3px 2px !important;
object-fit: contain !important;
vertical-align: middle !important;
border: 0 !important;
border-radius: 7px !important;
box-shadow: none !important;
} #galwiki-comments-scope
.gw-comment__content pre {
max-width: 100%;
overflow-x: auto;
}
#galwiki-comments-scope
.gw-comment__content a {
overflow-wrap: anywhere;
word-break: break-word;
} #galwiki-comments-scope
.gw-comment__footer {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin: 9px 0 0;
}
#galwiki-comments-scope
.gw-comment__footer a,
#galwiki-comments-scope
.gw-comment__footer button {
display: inline-flex;
align-items: center;
width: auto;
margin: 0;
padding: 0;
background: transparent;
border: 0;
color:
var(--gw-text-light);
font-size: 10px;
line-height: 1.4;
text-decoration: none;
cursor: pointer;
}
#galwiki-comments-scope
.gw-comment__footer a:hover,
#galwiki-comments-scope
.gw-comment__footer button:hover {
background: transparent;
color:
var(--gw-primary);
}  #galwiki-comments-scope
.gw-comment--reply {
background:
#fcfcff;
border-radius: 10px;
} #galwiki-comments-scope
.children {
position: relative;
}
#galwiki-comments-scope
.children::before {
content: "";
position: absolute;
left: 9px;
top: 4px;
bottom: 4px;
width: 1px;
background:
var(--gw-border-light);
pointer-events: none;
} #galwiki-comments-scope
.gw-comments__empty {
display: block;
width: 100%;
padding: 35px 20px;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius: 15px;
color:
var(--gw-text-muted);
font-size: 12px;
line-height: 1.7;
text-align: center;
} #galwiki-comments-scope
.gw-comments__pagination {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
width: 100%;
margin: 18px 0 0;
padding: 0;
overflow-x: auto;
}
#galwiki-comments-scope
.gw-comments__pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 32px;
height: 32px;
padding: 0 8px;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius: 8px;
color:
var(--gw-text-secondary);
font-size: 10px;
line-height: 1;
text-decoration: none;
transition:
background .18s ease,
border-color .18s ease,
color .18s ease;
}
#galwiki-comments-scope
.gw-comments__pagination .page-numbers:hover {
background:
var(--gw-primary-soft);
border-color:
rgba(124,92,255,.15);
color:
var(--gw-primary);
}
#galwiki-comments-scope
.gw-comments__pagination .page-numbers.current {
background:
var(--gw-primary);
border-color:
var(--gw-primary);
color:
#fff;
} #galwiki-comments-scope
.gw-comments__message {
display: none;
width: 100%;
margin: 10px 0 14px;
padding: 10px 13px;
border-radius: 9px;
font-size: 11px;
line-height: 1.6;
}
#galwiki-comments-scope
.gw-comments__message:empty {
display: none;
}
#galwiki-comments-scope
.gw-comments__message.is-loading {
display: block;
color:
var(--gw-text-muted);
}
#galwiki-comments-scope
.gw-comments__message.is-success {
display: block;
color: #26734d;
background:
#f0faf4;
border:
1px solid #d7f0df;
}
#galwiki-comments-scope
.gw-comments__message.is-error {
display: block;
color: #a33a3a;
background:
#fff5f5;
border:
1px solid #f3dada;
} .gw-comment--new {
animation:
gwCommentNew .8s ease;
}
@keyframes gwCommentNew {
0% {
background:
rgba(124,92,255,.10);
}
100% {
background:
transparent;
}
} @media (max-width: 1050px) {
.gw-wiki-main-layout {
grid-template-columns:
minmax(0, 1fr)
220px;
}
.gw-wiki-recommend__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
} @media (max-width: 900px) {
.gw-wiki-main-layout {
grid-template-columns:
1fr;
}
.gw-wiki-author-sidebar {
position: static;
width: 100%;
max-width: 100%;
}
.gw-wiki-recommend__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
#galwiki-comments-scope
.gw-comment__inner {
gap: 10px;
}
#galwiki-comments-scope
.children {
margin-left: 18px;
width:
calc(100% - 18px);
max-width:
calc(100% - 18px);
}
#galwiki-comments-scope
.children .children {
margin-left: 14px;
width:
calc(100% - 14px);
max-width:
calc(100% - 14px);
}
} @media (max-width: 620px) { .gw-wiki-recommend {
margin-top: 30px;
}
.gw-wiki-recommend__header {
margin-bottom: 13px;
}
.gw-wiki-recommend__header h2 {
font-size: 21px;
}
.gw-wiki-recommend__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 10px;
}
.gw-recommend-card__body {
padding: 11px;
}
.gw-recommend-card__body h3 {
font-size: 12px;
} #galwiki-comments-scope {
margin-top: 34px;
}
#galwiki-comments-scope
.gw-comments__title {
font-size: 21px;
}
#galwiki-comments-scope
.gw-comments-login {
align-items: flex-start;
flex-wrap: wrap;
gap: 12px;
padding: 16px;
}
#galwiki-comments-scope
.gw-comments-login__content {
width:
calc(100% - 57px);
}
#galwiki-comments-scope
.gw-comments-login__button {
flex: 0 0 100%;
width: 100%;
}
#galwiki-comments-scope
.gw-comment-form {
padding: 15px;
}
#galwiki-comments-scope
.gw-comment-toolbar {
align-items: flex-start;
flex-direction: column;
}
#galwiki-comments-scope
.gw-comment-toolbar__left,
#galwiki-comments-scope
.gw-comment-toolbar__right {
width: 100%;
}
#galwiki-comments-scope
.gw-comment-toolbar__right {
justify-content: flex-end;
}
#galwiki-comments-scope
.gw-comment-submit-wrap {
justify-content: stretch;
}
#galwiki-comments-scope
.gw-comment-submit {
width: 100%;
} #galwiki-comments-scope
.gw-comment {
padding: 15px;
}
#galwiki-comments-scope
.gw-comment__avatar {
flex-basis: 36px;
width: 36px;
height: 36px;
min-width: 36px;
}
#galwiki-comments-scope
.gw-comment__header {
align-items: flex-start;
flex-direction: column;
gap: 3px;
}
#galwiki-comments-scope
.gw-comment__date {
white-space: normal;
} #galwiki-comments-scope
.gw-sticker__panel {
position: fixed;
left: 12px;
right: 12px;
bottom: 12px;
width: auto;
max-width: none;
max-height: 65vh;
border-radius: 14px;
}
#galwiki-comments-scope
.gw-sticker__grid {
max-height:
calc(65vh - 60px);
}
} @media (max-width: 400px) {
.gw-wiki-recommend__grid {
grid-template-columns:
1fr;
}
#galwiki-comments-scope
.gw-comments__list {
border-radius: 12px;
}
#galwiki-comments-scope
.gw-comment {
padding: 13px;
}
#galwiki-comments-scope
.gw-comment__avatar {
flex-basis: 34px;
width: 34px;
height: 34px;
min-width: 34px;
}
#galwiki-comments-scope
.gw-comment__author {
font-size: 11px;
}
#galwiki-comments-scope
.gw-comment__content {
font-size: 12px;
}
#galwiki-comments-scope
.gw-sticker__grid {
grid-template-columns:
repeat(4, minmax(0, 1fr));
}
}  .gw-category-page,
.gw-category-page * {
box-sizing: border-box;
}
.gw-category-page {
width: 100%;
max-width: 100%;
min-width: 0;
color: var(--gw-text);
overflow: visible;
}
.gw-category-container {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 auto;
} .gw-category-page img,
.gw-category-page video,
.gw-category-page iframe {
max-width: 100%;
}  .gw-category-page,
.gw-category-page * {
box-sizing: border-box;
}
.gw-category-page {
width: 100%;
max-width: 100%;
min-width: 0;
color: var(--gw-text);
overflow: visible;
}
.gw-category-container {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 auto;
} .gw-category-page img,
.gw-category-page video,
.gw-category-page iframe {
max-width: 100%;
} .gw-category-header {
position: relative;
width: 100%;
max-width: 920px;
margin: 0 auto;
padding:
52px
28px
28px;
text-align: center;
} .gw-category-header::before {
content: "";
display: block;
width: 42px;
height: 4px;
margin: 0 auto 18px;
background:
linear-gradient(
90deg,
var(--gw-primary),
rgba(124,92,255,.3)
);
border-radius: 999px;
} .gw-category-header__main {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
min-width: 0;
} .gw-category-header__eyebrow,
.gw-category-header .gw-section-label {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 0 7px;
color: var(--gw-primary);
font-size: 10px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .18em;
} .gw-category-header h1,
.gw-category-header__title {
margin: 0;
color: var(--gw-heading);
font-size: 38px;
font-weight: 850;
line-height: 1.2;
letter-spacing: -.035em;
} .gw-category-header__description {
width: 100%;
max-width: 720px;
margin:
13px auto
0;
color: var(--gw-text-muted);
font-size: 13px;
line-height: 1.85;
}
.gw-category-header__description p {
margin: 0 0 7px;
}
.gw-category-header__description p:last-child {
margin-bottom: 0;
} .gw-category-header__count {
display: inline-flex;
align-items: baseline;
justify-content: center;
gap: 6px;
margin-top: 14px;
color: var(--gw-text-light);
font-size: 10px;
white-space: nowrap;
}
.gw-category-header__count strong {
color: var(--gw-primary);
font-size: 20px;
font-weight: 800;
} .gw-category-view-switch {
display: inline-flex;
align-items: center;
gap: 3px;
margin-top: 18px;
padding: 4px;
background:
rgba(245,245,248,.8);
border: 1px solid var(--gw-border);
border-radius: 11px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.9);
}
.gw-category-view-switch__item {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 76px;
height: 34px;
padding: 0 13px;
border-radius: 8px;
color: var(--gw-text-light);
font-size: 10px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition:
background .2s ease,
color .2s ease,
transform .2s ease,
box-shadow .2s ease;
}
.gw-category-view-switch__item:hover {
color: var(--gw-heading);
}
.gw-category-view-switch__item.is-active {
background: #fff;
color: var(--gw-primary);
box-shadow:
0 3px 10px rgba(20,24,40,.08);
} .gw-category-filter {
width: 100%;
max-width: 1040px;
margin:
0 auto 28px;
padding:
0;
background: #fff;
border:
1px solid var(--gw-border);
border-radius: 17px;
box-shadow:
0 4px 18px rgba(20,24,40,.035);
overflow: hidden;
} .gw-category-filter__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding:
17px 20px;
background:
linear-gradient(
180deg,
#ffffff 0%,
#fafafd 100%
);
border-bottom:
1px solid var(--gw-border-light);
}
.gw-category-filter__top > div:first-child {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.gw-category-filter__top strong {
color: var(--gw-heading);
font-size: 13px;
font-weight: 800;
}
.gw-category-filter__top span {
color: var(--gw-text-light);
font-size: 9px;
line-height: 1.5;
} .gw-category-filter__row {
display: flex;
align-items: flex-start;
width: 100%;
min-width: 0;
gap: 20px;
padding:
15px 20px;
background: #fff;
}
.gw-category-filter__row + .gw-category-filter__row {
border-top:
1px solid var(--gw-border-light);
}
.gw-category-filter__row--root-category { position: relative; z-index: 2; background: #fff; }
.gw-category-filter__row--category { margin-top: 6px; padding-top: 10px; border-top: 1px dashed var(--gw-border); background: var(--gw-bg-soft); } .gw-category-filter__label {
flex: 0 0 52px;
padding-top: 6px;
color: var(--gw-text-muted);
font-size: 10px;
font-weight: 800;
line-height: 1.4;
white-space: nowrap;
} .gw-category-filter__options,
.gw-category-filter__chips {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
flex: 1 1 auto;
min-width: 0;
} .gw-category-filter__option,
.gw-category-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 31px;
padding: 0 12px;
background:
#fafafd;
border:
1px solid var(--gw-border-light);
border-radius: 9px;
color:
var(--gw-text-secondary);
font-size: 10px;
font-weight: 600;
line-height: 1;
text-decoration: none;
white-space: nowrap;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease;
}
.gw-category-filter__option:hover,
.gw-category-chip:hover {
background:
#fff;
border-color:
rgba(124,92,255,.22);
color:
var(--gw-primary);
transform:
translateY(-1px);
box-shadow:
0 4px 10px rgba(124,92,255,.07);
}
.gw-category-filter__option.is-active,
.gw-category-chip.is-active {
background:
var(--gw-primary);
border-color:
var(--gw-primary);
color:
#fff;
box-shadow:
0 5px 14px rgba(124,92,255,.18);
}
.gw-category-filter__option.is-active:hover,
.gw-category-chip.is-active:hover {
background:
var(--gw-primary-hover);
border-color:
var(--gw-primary-hover);
color:
#fff;
}
.gw-category-chip small {
margin-left: 5px;
opacity: .65;
font-size: 8px;
} .gw-category-filter__controls {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding:
14px 20px;
background:
#fafafd;
border-top:
1px solid var(--gw-border-light);
} .gw-category-sort {
display: flex;
align-items: center;
gap: 8px;
}
.gw-category-sort label {
color: var(--gw-text-muted);
font-size: 10px;
font-weight: 600;
} .gw-category-select {
min-width: 145px;
height: 34px;
padding:
0 32px 0 11px;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
9px;
color:
var(--gw-text-secondary);
font-family:
var(--gw-font);
font-size:
10px;
outline: none;
cursor: pointer;
transition:
border-color .18s ease,
box-shadow .18s ease;
}
.gw-category-select:hover {
border-color:
rgba(124,92,255,.2);
}
.gw-category-select:focus {
border-color:
rgba(124,92,255,.38);
box-shadow:
0 0 0 3px rgba(124,92,255,.07);
} .gw-category-results-head,
.gw-category-content__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
width: 100%;
margin:
0 0 15px;
padding:
0 2px;
}
.gw-category-results-head > div,
.gw-category-content__top > div {
display: flex;
align-items: baseline;
gap: 6px;
min-width: 0;
}
.gw-category-results-head strong {
color: var(--gw-heading);
font-size: 13px;
font-weight: 800;
}
.gw-category-results-head span,
.gw-category-content__count {
color: var(--gw-text-light);
font-size: 10px;
}
.gw-category-results-mode,
.gw-category-content__mode {
color: var(--gw-primary);
font-size: 9px;
font-weight: 800;
letter-spacing: .12em;
white-space: nowrap;
} .gw-category-list--wiki,
.gw-category-wiki-list {
display: grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap: 16px;
width: 100%;
min-width: 0;
} .gw-category-wiki-item,
.gw-category-wiki-card {
position: relative;
display: flex;
min-width: 0;
overflow: hidden;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
15px;
box-shadow:
0 2px 8px rgba(20,24,40,.025);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}
.gw-category-wiki-item:hover,
.gw-category-wiki-card:hover {
transform:
translateY(-3px);
border-color:
rgba(124,92,255,.18);
box-shadow:
0 12px 28px rgba(20,24,40,.065);
} .gw-category-wiki-item__mark {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 43px;
width: 43px;
height: 23px;
margin:
15px 0 0 15px;
background:
var(--gw-primary-soft);
border-radius:
6px;
color:
var(--gw-primary);
font-size:
8px;
font-weight:
800;
letter-spacing:
.08em;
} .gw-category-wiki-card__cover,
.gw-category-wiki-item__cover {
display: block;
overflow: hidden;
background:
var(--gw-primary-soft);
text-decoration: none;
}
.gw-category-wiki-card__cover {
flex:
0 0 145px;
width:
145px;
min-height:
145px;
}
.gw-category-wiki-item__cover {
flex:
0 0 190px;
width:
190px;
min-height:
140px;
margin:
15px 0 15px 15px;
aspect-ratio:
16 / 10;
border-radius:
10px;
}
.gw-category-wiki-card__cover img,
.gw-category-wiki-item__cover img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
padding: 0;
object-fit: cover;
transition:
transform .35s ease;
}
.gw-category-wiki-card:hover
.gw-category-wiki-card__cover img,
.gw-category-wiki-item:hover
.gw-category-wiki-item__cover img {
transform:
scale(1.05);
}
.gw-category-wiki-card__cover span,
.gw-category-wiki-item__cover span {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color:
rgba(124,92,255,.34);
font-size:
24px;
font-weight:
800;
} .gw-category-wiki-card__body,
.gw-category-wiki-item__body,
.gw-category-wiki-item__main {
display: flex;
flex-direction: column;
flex:
1 1 auto;
min-width: 0;
padding:
15px;
}
.gw-category-wiki-item__body {
padding-left: 0;
} .gw-category-wiki-card__meta,
.gw-category-wiki-item__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap:
6px;
margin-bottom:
6px;
color:
var(--gw-text-light);
font-size:
9px;
}
.gw-category-wiki-card__category,
.gw-category-wiki-item__category,
.gw-category-wiki-item__meta span:first-child {
color:
var(--gw-primary);
font-weight:
700;
} .gw-category-wiki-card__title,
.gw-category-wiki-item h2 {
margin:
0;
color:
var(--gw-heading);
font-size:
16px;
font-weight:
750;
line-height:
1.5;
}
.gw-category-wiki-item h2 {
font-size:
18px;
}
.gw-category-wiki-card__title a,
.gw-category-wiki-item h2 a {
color:
var(--gw-heading);
text-decoration:
none;
}
.gw-category-wiki-card__title a {
display:
-webkit-box;
overflow:
hidden;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
2;
}
.gw-category-wiki-card__title a:hover,
.gw-category-wiki-item h2 a:hover {
color:
var(--gw-primary);
} .gw-category-wiki-card__excerpt,
.gw-category-wiki-item__excerpt,
.gw-category-wiki-item p {
display:
-webkit-box;
overflow:
hidden;
margin:
8px 0 0;
color:
var(--gw-text-secondary);
font-size:
11px;
line-height:
1.75;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
3;
}
.gw-category-wiki-card__excerpt {
margin-bottom:
9px;
} .gw-category-wiki-card__footer,
.gw-category-wiki-item__footer {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
8px;
margin-top:
auto;
padding-top:
9px;
color:
var(--gw-text-light);
font-size:
9px;
}
.gw-category-wiki-item__meta {
margin-top:
auto;
margin-bottom:
0;
}
.gw-category-rating {
color:
#d2942d !important;
font-weight:
700;
} .gw-category-wiki-item__arrow {
display:
flex;
align-items:
center;
justify-content:
center;
flex:
0 0 31px;
width:
31px;
height:
31px;
margin:
15px 14px 0 0;
border-radius:
8px;
color:
var(--gw-text-light);
font-size:
17px;
text-decoration:
none;
transition:
background .2s ease,
color .2s ease,
transform .2s ease;
}
.gw-category-wiki-item:hover
.gw-category-wiki-item__arrow {
background:
var(--gw-primary-soft);
color:
var(--gw-primary);
transform:
translateX(2px);
} .gw-category-article-grid {
display: grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:
18px;
width:
100%;
min-width:
0;
} .gw-category-article-card {
display:
flex;
flex-direction:
column;
min-width:
0;
overflow:
hidden;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
15px;
box-shadow:
0 2px 8px rgba(20,24,40,.025);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}
.gw-category-article-card:hover {
transform:
translateY(-4px);
border-color:
rgba(124,92,255,.17);
box-shadow:
0 14px 32px rgba(20,24,40,.08);
} .gw-category-article-card__cover,
.gw-category-article-card__image {
position:
relative;
display:
block;
width:
100%;
aspect-ratio:
16 / 9;
overflow:
hidden;
background:
var(--gw-primary-soft);
text-decoration:
none;
}
.gw-category-article-card__cover img,
.gw-category-article-card__image img {
display:
block;
width:
100% !important;
max-width:
none !important;
height:
100% !important;
margin:
0 !important;
padding:
0 !important;
object-fit:
cover;
transition:
transform .35s ease;
}
.gw-category-article-card:hover
.gw-category-article-card__cover img,
.gw-category-article-card:hover
.gw-category-article-card__image img {
transform:
scale(1.045);
}
.gw-category-article-card__cover span,
.gw-category-article-card__cover-placeholder,
.gw-category-article-card__image span {
display:
flex;
align-items:
center;
justify-content:
center;
width:
100%;
height:
100%;
color:
rgba(124,92,255,.38);
font-size:
12px;
font-weight:
800;
letter-spacing:
.12em;
} .gw-category-article-card__body {
display:
flex;
flex-direction:
column;
flex:
1;
min-width:
0;
padding:
15px;
} .gw-category-article-card__eyebrow,
.gw-category-article-card__meta {
display:
flex;
align-items:
center;
flex-wrap:
wrap;
gap:
6px;
margin-bottom:
7px;
color:
var(--gw-primary);
font-size:
9px;
font-weight:
700;
}
.gw-category-article-card__meta {
margin-bottom:
0;
color:
var(--gw-text-light);
font-weight:
400;
} .gw-category-article-card h2,
.gw-category-article-card__title {
margin:
0;
color:
var(--gw-heading);
font-size:
15px;
font-weight:
750;
line-height:
1.55;
}
.gw-category-article-card h2 a,
.gw-category-article-card__title a {
display:
-webkit-box;
overflow:
hidden;
color:
var(--gw-heading);
text-decoration:
none;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
2;
}
.gw-category-article-card h2 a:hover,
.gw-category-article-card__title a:hover {
color:
var(--gw-primary);
} .gw-category-article-card__excerpt {
display:
-webkit-box;
overflow:
hidden;
margin:
8px 0 0;
color:
var(--gw-text-muted);
font-size:
10px;
line-height:
1.75;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
3;
} .gw-category-article-card__footer {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
10px;
margin-top:
auto;
padding-top:
12px;
color:
var(--gw-text-light);
font-size:
9px;
border-top:
1px solid var(--gw-border-light);
}
.gw-category-article-card__author {
color:
var(--gw-text-secondary);
font-weight:
600;
} .gw-category-empty {
display:
flex;
flex-direction:
column;
align-items:
center;
justify-content:
center;
width:
100%;
min-height:
280px;
padding:
55px 25px;
text-align:
center;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
16px;
box-shadow:
0 2px 10px rgba(20,24,40,.025);
}
.gw-category-empty__icon {
display:
flex;
align-items:
center;
justify-content:
center;
width:
55px;
height:
55px;
margin:
0 auto 14px;
background:
var(--gw-primary-soft);
border-radius:
15px;
color:
var(--gw-primary);
font-size:
23px;
}
.gw-category-empty h2 {
margin:
0 0 6px;
color:
var(--gw-heading);
font-size:
18px;
}
.gw-category-empty p {
max-width:
430px;
margin:
0;
color:
var(--gw-text-light);
font-size:
11px;
line-height:
1.7;
}
.gw-category-empty .gw-button,
.gw-category-empty__button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-width:
92px;
height:
35px;
margin-top:
18px;
padding:
0 16px;
background:
var(--gw-primary);
border-radius:
9px;
color:
#fff;
font-size:
10px;
font-weight:
600;
text-decoration:
none;
transition:
transform .2s ease,
background .2s ease;
}
.gw-category-empty .gw-button:hover,
.gw-category-empty__button:hover {
background:
var(--gw-primary-hover);
color:
#fff;
transform:
translateY(-1px);
} .gw-category-pagination {
display:
flex;
align-items:
center;
justify-content:
center;
flex-wrap:
wrap;
gap:
6px;
width:
100%;
margin:
26px 0 10px;
}
.gw-category-pagination .page-numbers {
display:
inline-flex;
align-items:
center;
justify-content:
center;
min-width:
35px;
height:
35px;
padding:
0 10px;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
9px;
color:
var(--gw-text-secondary);
font-size:
10px;
line-height:
1;
text-decoration:
none;
transition:
background .18s ease,
border-color .18s ease,
color .18s ease,
transform .18s ease;
}
.gw-category-pagination .page-numbers:hover {
background:
var(--gw-primary-soft);
border-color:
rgba(124,92,255,.18);
color:
var(--gw-primary);
transform:
translateY(-1px);
}
.gw-category-pagination .page-numbers.current {
background:
var(--gw-primary);
border-color:
var(--gw-primary);
color:
#fff;
box-shadow:
0 5px 12px rgba(124,92,255,.16);
} .gw-category-nav {
width:
100%;
margin-bottom:
20px;
overflow:
hidden;
background:
#fff;
border:
1px solid var(--gw-border);
border-radius:
12px;
}
.gw-category-nav__scroll {
display:
flex;
align-items:
center;
gap:
6px;
width:
100%;
padding:
7px;
overflow-x:
auto;
scrollbar-width:
none;
}
.gw-category-nav__scroll::-webkit-scrollbar {
display:
none;
}
.gw-category-nav__item {
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex:
0 0 auto;
min-width:
60px;
height:
32px;
padding:
0 12px;
border-radius:
8px;
color:
var(--gw-text-secondary);
font-size:
10px;
font-weight:
600;
text-decoration:
none;
white-space:
nowrap;
}
.gw-category-nav__item:hover {
background:
var(--gw-primary-soft);
color:
var(--gw-primary);
}
.gw-category-nav__item.is-current {
background:
var(--gw-primary);
color:
#fff;
}  .gw-category-page,
.gw-category-container,
.gw-category-filter,
.gw-category-list--wiki,
.gw-category-wiki-list,
.gw-category-article-grid,
.gw-category-article-card,
.gw-category-wiki-item {
min-width:
0;
max-width:
100%;
} .gw-category-page h1,
.gw-category-page h2,
.gw-category-page h3,
.gw-category-page a,
.gw-category-page span {
overflow-wrap:
anywhere;
} @media (max-width: 1050px) {
.gw-category-header {
max-width:
820px;
}
.gw-category-article-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
.gw-category-list--wiki,
.gw-category-wiki-list {
grid-template-columns:
1fr;
}
} @media (max-width: 820px) {
.gw-category-header {
padding:
42px 22px 24px;
}
.gw-category-header h1,
.gw-category-header__title {
font-size:
32px;
}
.gw-category-filter__top {
align-items:
flex-start;
flex-direction:
column;
gap:
10px;
}
.gw-category-filter__controls {
align-items:
flex-start;
flex-direction:
column;
}
.gw-category-view-switch {
margin-top:
12px;
}
.gw-category-wiki-item {
gap:
13px;
}
} @media (max-width: 620px) {
.gw-category-header {
padding:
30px 15px 22px;
}
.gw-category-header::before {
width:
34px;
height:
3px;
margin-bottom:
15px;
}
.gw-category-header__eyebrow,
.gw-category-header .gw-section-label {
font-size:
9px;
}
.gw-category-header h1,
.gw-category-header__title {
font-size:
27px;
}
.gw-category-header__description {
margin-top:
10px;
font-size:
11px;
}
.gw-category-header__count {
margin-top:
11px;
}
.gw-category-view-switch {
width:
100%;
margin-top:
15px;
}
.gw-category-view-switch__item {
flex:
1 1 50%;
min-width:
0;
} .gw-category-filter {
margin-bottom:
22px;
border-radius:
14px;
}
.gw-category-filter__top {
padding:
14px;
}
.gw-category-filter__row {
flex-direction:
column;
gap:
8px;
padding:
13px 14px;
}
.gw-category-filter__label {
flex:
none;
padding-top:
0;
}
.gw-category-filter__options,
.gw-category-filter__chips {
width:
100%;
}
.gw-category-filter__controls {
padding:
13px 14px;
}
.gw-category-sort {
width:
100%;
}
.gw-category-select {
flex:
1;
width:
100%;
} .gw-category-results-head,
.gw-category-content__top {
align-items:
flex-start;
flex-direction:
column;
gap:
5px;
padding:
0;
} .gw-category-list--wiki,
.gw-category-wiki-list {
grid-template-columns:
1fr;
}
.gw-category-wiki-card {
display:
flex;
}
.gw-category-wiki-card__cover {
flex:
0 0 112px;
width:
112px;
min-height:
122px;
}
.gw-category-wiki-card__body {
padding:
12px;
}
.gw-category-wiki-card__title {
font-size:
14px;
}
.gw-category-wiki-card__excerpt {
font-size:
10px;
-webkit-line-clamp:
2;
}
.gw-category-wiki-item {
display:
flex;
flex-direction:
column;
gap:
0;
padding:
13px;
}
.gw-category-wiki-item__cover {
width:
100%;
min-height:
0;
margin:
0 0 12px;
aspect-ratio:
16 / 9;
}
.gw-category-wiki-item__body,
.gw-category-wiki-item__main {
padding:
0;
}
.gw-category-wiki-item__mark {
margin:
0 0 7px;
}
.gw-category-wiki-item h2 {
font-size:
16px;
}
.gw-category-wiki-item__arrow {
display:
none;
} .gw-category-article-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:
12px;
}
.gw-category-article-card__body {
padding:
11px;
}
.gw-category-article-card h2,
.gw-category-article-card__title {
font-size:
13px;
}
.gw-category-article-card__excerpt {
font-size:
9px;
-webkit-line-clamp:
2;
}
.gw-category-article-card__footer {
padding-top:
10px;
font-size:
8px;
} .gw-category-pagination {
margin-top:
20px;
}
} @media (max-width: 420px) {
.gw-category-header {
padding-left:
12px;
padding-right:
12px;
}
.gw-category-header h1,
.gw-category-header__title {
font-size:
25px;
}
.gw-category-filter__option,
.gw-category-chip {
min-height:
29px;
padding:
0 9px;
font-size:
9px;
}
.gw-category-article-grid {
gap:
10px;
}
.gw-category-article-card__body {
padding:
9px;
}
.gw-category-article-card h2,
.gw-category-article-card__title {
font-size:
12px;
}
.gw-category-wiki-card__cover {
flex-basis:
100px;
width:
100px;
min-height:
112px;
}
.gw-category-wiki-card__footer {
display:
none;
}
} @media (max-width: 360px) {
.gw-category-header h1,
.gw-category-header__title {
font-size:
23px;
}
.gw-category-article-grid {
grid-template-columns:
1fr;
}
.gw-category-filter__option,
.gw-category-chip {
padding:
0 8px;
font-size:
9px;
}
} @media (max-width: 767px) {
.gw-wiki-single .gw-container {
width: min(calc(100% - 24px), var(--gw-container-width));
}
.gw-wiki-single .gw-wiki-main-layout {
display: block;
width: 100%;
}
.gw-wiki-single .gw-wiki-main,
.gw-wiki-single .gw-wiki-main-layout > * {
width: 100%;
min-width: 0;
max-width: 100%;
}
.gw-wiki-single .gw-wiki-hero-card {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
max-width: 100%;
}
.gw-wiki-single .gw-wiki-hero__cover,
.gw-wiki-single .gw-wiki-hero__info,
.gw-wiki-single .gw-wiki-content,
.gw-wiki-single .gw-wiki-recommend,
.gw-wiki-single #galwiki-comments-scope {
width: 100%;
min-width: 0;
max-width: 100%;
}
.gw-wiki-single .gw-wiki-hero__cover {
height: auto;
min-height: 0;
max-height: none;
aspect-ratio: 16 / 9;
}
.gw-wiki-single .gw-wiki-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.gw-wiki-single .gw-wiki-content__body {
overflow-wrap: anywhere;
word-break: break-word;
}
.gw-wiki-single .gw-wiki-content__body img,
.gw-wiki-single .gw-wiki-content__body iframe,
.gw-wiki-single .gw-wiki-content__body video {
width: auto;
max-width: 100%;
height: auto;
}
.gw-wiki-single .gw-wiki-author-sidebar {
display: none;
}
} .gw-wiki-hero__rating,
.gw-category-rating,
#galwiki-comments-scope .gw-comment__rating {
color: #d2942d;
font-weight: 700;
white-space: nowrap;
}
.gw-wiki-hero__rating small {
color: var(--gw-text-muted);
font-size: .9em;
font-weight: 500;
}
.gw-wiki-hero__title-rating {
display: inline-flex;
vertical-align: middle;
align-items: center;
margin-left: 10px;
padding: 3px 9px;
border-radius: 999px;
background: #fff4d7;
color: #a56e0d;
font-size: .42em;
font-weight: 800;
letter-spacing: 0;
white-space: nowrap;
}
.gw-rating-badge {
display: inline-flex;
align-items: center;
gap: 3px;
color: #a56e0d;
font-size: 13px;
font-weight: 800;
white-space: nowrap;
}
.gw-home-game-card__rating { margin-top: 10px; }
.gw-home-content-item__rating { margin-left: 7px; font-size: 11px; } .gw-search-page .gw-search-results,
.gw-category-page .gw-category-results { font-size: 16px; }
.gw-search-page .gw-category-wiki-item h2,
.gw-search-page .gw-category-article-card__title,
.gw-category-page .gw-category-wiki-item h2,
.gw-category-page .gw-category-article-card h2 { font-size: 20px; }
.gw-search-page .gw-category-wiki-item__excerpt,
.gw-search-page .gw-category-article-card__excerpt,
.gw-category-page .gw-category-wiki-item p { font-size: 14px; line-height: 1.75; }
.gw-category-filter__row--tags { display: none; }
.gw-wiki-action--rating {
background: #fff8e8;
border: 1px solid rgba(210, 148, 45, .28);
color: #a56e0d;
}
.gw-wiki-action--rating:hover {
background: #f8e6ba;
color: #805207;
} .gw-header__calendar-link{margin-left:13px;color:var(--gw-text-secondary);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.gw-header__calendar-link:hover,.gw-mobile-menu__calendar-link:hover{color:var(--gw-primary)}.gw-mobile-menu__calendar-link{display:block;margin:10px 0 0;padding:12px 14px;color:var(--gw-text-secondary);font-weight:700;text-decoration:none}.gw-release-list{margin:30px 0;padding:22px;background:#fbfcfd;border:1px solid var(--gw-border);border-radius:8px}.gw-release-list__heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.gw-release-list__heading p{margin:0 0 4px;color:var(--gw-primary);font-size:11px;font-weight:800;letter-spacing:.12em}.gw-release-list__heading h2{margin:0;color:var(--gw-heading);font-size:21px}.gw-release-list__heading a{color:var(--gw-primary);font-size:13px;font-weight:700;text-decoration:none}.gw-release-list__rows{display:grid;gap:9px}.gw-release-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(160px,1fr);gap:8px 16px;padding:15px;border:1px solid #e8ebef;border-radius:6px;background:#fff}.gw-release-row>div{display:flex;flex-direction:column;gap:5px}.gw-release-row strong{color:var(--gw-heading)}.gw-release-row span,.gw-release-row p{margin:0;color:var(--gw-text-muted);font-size:13px}.gw-release-row p,.gw-release-row__related{grid-column:1/-1}.gw-release-row__related{color:var(--gw-primary);font-size:13px;text-decoration:none}.gw-release-status{display:inline-flex;align-self:flex-start;padding:3px 7px;border-radius:999px;background:#eef1f5;color:#56606d;font-size:11px;font-weight:800}.gw-release-status.is-released{background:#e8f6ee;color:#297145}.gw-release-status.is-delayed{background:#fff2df;color:#a66211}.gw-release-status.is-cancelled{background:#fff0f1;color:#af4a55}.gw-spoiler{margin:15px 0;border:1px solid #e6d8aa;border-left:3px solid #c69a28;border-radius:6px;background:#fffaf0}.gw-spoiler--heavy{border-color:#e7c8cf;border-left-color:#b95867;background:#fff6f7}.gw-spoiler__notice{display:block;padding:10px 13px;color:#725719;font-size:13px;font-weight:800}.gw-spoiler--heavy .gw-spoiler__notice{color:#974452}.gw-spoiler__content{padding:0 13px 13px}.gw-spoiler summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.gw-spoiler summary::-webkit-details-marker{display:none}.gw-spoiler summary>span:last-child{padding:3px 7px;border-radius:4px;background:rgba(144,105,15,.09);font-size:11px}.gw-comment-spoiler-field{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--gw-text-muted);font-size:12px;font-weight:700}.gw-comment-spoiler-field select{padding:5px 7px;border:1px solid var(--gw-border);border-radius:5px;background:#fff;color:var(--gw-text-secondary);font:inherit}.gw-user-profile__preferences{display:grid;gap:10px;margin:20px 0;padding:16px;border:1px solid var(--gw-border);border-radius:7px}.gw-user-profile__preferences legend{padding:0 5px;color:var(--gw-heading);font-weight:800}.gw-user-profile__preferences p{margin:0;color:var(--gw-text-muted);font-size:13px}.gw-user-profile__preferences label{display:flex;align-items:center;gap:8px;margin:0;font-weight:500}
@media(max-width:860px){.gw-header__calendar-link{display:none}.gw-release-row{grid-template-columns:1fr}.gw-release-row p,.gw-release-row__related{grid-column:auto}} .gw-rating-page { padding: 54px 0 80px; }
.gw-rating-panel { max-width: 780px; margin: 0 auto; padding: 36px; background: #fff; border: 1px solid var(--gw-border); border-radius: 22px; box-shadow: 0 18px 55px rgba(31, 24, 53, .08); }
.gw-rating-back { color: var(--gw-text-muted); font-size: 13px; text-decoration: none; }
.gw-rating-back:hover { color: var(--gw-primary); }
.gw-rating-heading { margin: 30px 0 24px; }
.gw-rating-heading p { margin: 0 0 7px; color: var(--gw-primary); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.gw-rating-heading h1 { margin: 0; color: var(--gw-heading); font-size: clamp(25px, 4vw, 36px); line-height: 1.25; }
.gw-rating-overview { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 34px; align-items: center; margin-bottom: 28px; padding: 25px; background: linear-gradient(135deg, #fff9e9, #fbf8ff); border-radius: 16px; }
.gw-rating-score { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; color: #a56e0d; }
.gw-rating-score strong { font-size: 54px; line-height: 1; letter-spacing: -.06em; }.gw-rating-score span { font-size: 16px; }.gw-rating-score small { width: 100%; color: var(--gw-text-muted); font-size: 12px; }
.gw-rating-dimensions { display: grid; gap: 10px; }.gw-rating-dimensions div { display: grid; grid-template-columns: 42px 1fr 32px; gap: 10px; align-items: center; font-size: 12px; }.gw-rating-dimensions i { height: 7px; overflow: hidden; background: rgba(124,92,255,.12); border-radius: 999px; }.gw-rating-dimensions b { display: block; height: 100%; background: linear-gradient(90deg, #f2b94b, #e28738); border-radius: inherit; }.gw-rating-dimensions em { color: var(--gw-text-muted); font-style: normal; text-align: right; }
.gw-rating-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; padding-top: 10px; }.gw-rating-form h2 { grid-column: 1 / -1; margin: 0 0 4px; font-size: 20px; }.gw-rating-field { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border: 1px solid var(--gw-border); border-radius: 10px; font-size: 14px; }.gw-rating-field select { padding: 6px 7px; border: 0; background: transparent; color: var(--gw-heading); font: inherit; }.gw-rating-form button,.gw-rating-empty a { grid-column: 1 / -1; padding: 13px 18px; border: 0; border-radius: 10px; background: var(--gw-primary); color: #fff; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; }.gw-rating-form button:hover,.gw-rating-empty a:hover { background: var(--gw-primary-hover); }
.gw-rating-empty,.gw-rating-notice { padding: 17px 18px; border-radius: 12px; background: var(--gw-primary-soft); color: var(--gw-text-secondary); text-align: center; }.gw-rating-empty p { margin: 0 0 13px; }.gw-rating-empty a { display: inline-block; }.gw-rating-notice { margin-bottom: 18px; }.gw-rating-notice.is-error { background: #fff0ef; color: #b24b42; }
@media (max-width: 620px) { .gw-rating-page { padding: 22px 0 44px; }.gw-rating-panel { padding: 24px 18px; border-radius: 15px; }.gw-rating-overview { grid-template-columns: 1fr; gap: 20px; }.gw-rating-form { grid-template-columns: 1fr; } } .gw-header__actions { position: relative; }
.gw-header__notification.is-active { background: var(--gw-primary-soft); color: var(--gw-primary); }
.gw-header__notification-count,
.gw-notification-badge { position: absolute; top: 4px; right: 4px; min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: #e95b65; color: #fff; font-size: 9px; font-weight: 800; line-height: 13px; text-align: center; }
.gw-header__tasks { gap: 5px; }.gw-header__task-count { display: grid; min-width: 19px; height: 19px; padding: 0 5px; place-items: center; border-radius: 999px; background: var(--gw-primary-soft); color: var(--gw-primary); font-size: 10px; font-weight: 800; }
.gw-mobile-menu__task-count { display: grid; min-width: 18px; height: 18px; margin-left: auto; padding: 0 5px; place-items: center; border-radius: 999px; background: var(--gw-primary-soft); color: var(--gw-primary); font-size: 10px; font-weight: 800; }
.gw-notification-panel { position: absolute; z-index: 200; top: calc(100% - 6px); right: 0; display: none; width: min(390px, calc(100vw - 24px)); overflow: hidden; border: 1px solid rgba(35, 29, 61, .12); border-radius: 16px; background: #fff; box-shadow: 0 18px 48px rgba(29, 24, 61, .2); }
.gw-notification-panel.is-open { display: block; animation: gwNotificationIn .18s ease-out; }
.gw-notification-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 16px; border-bottom: 1px solid var(--gw-border); background: linear-gradient(135deg, #fbfaff, #f6f3ff); }
.gw-notification-panel__title { display: flex; align-items: center; gap: 7px; color: var(--gw-heading); font-size: 14px; font-weight: 800; }.gw-notification-panel__unread { color: var(--gw-primary); font-size: 11px; font-weight: 700; }
.gw-notification-panel__actions { display: flex; gap: 5px; }.gw-notification-panel__actions button { padding: 4px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--gw-text-muted); font-size: 11px; cursor: pointer; }.gw-notification-panel__actions button:hover { background: rgba(124,92,255,.1); color: var(--gw-primary); }
.gw-notification-panel__body { max-height: min(480px, calc(100vh - 140px)); overflow-y: auto; }.gw-notification-item { position: relative; display: flex; gap: 10px; padding: 13px 38px 13px 15px; border-bottom: 1px solid #f0eef6; cursor: pointer; transition: background .16s ease; }.gw-notification-item:hover { background: #faf9ff; }.gw-notification-item.is-unread { background: #f7f4ff; }.gw-notification-item.is-unread::before { position: absolute; top: 17px; left: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--gw-primary); content: ''; }.gw-notification-item__avatar { flex: 0 0 32px; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; background: var(--gw-primary-soft); }.gw-notification-avatar { width: 100%; height: 100%; object-fit: cover; }.gw-notification-icon { display: block; width: 100%; height: 100%; }.gw-notification-item__main { min-width: 0; flex: 1; }.gw-notification-item__top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }.gw-notification-item__title { overflow: hidden; color: var(--gw-heading); font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.gw-notification-item__time { flex: 0 0 auto; color: var(--gw-text-muted); font-size: 10px; }.gw-notification-item__content { display: -webkit-box; margin-top: 4px; overflow: hidden; color: var(--gw-text-secondary); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.gw-notification-delete { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border: 0; border-radius: 6px; background: transparent; color: var(--gw-text-muted); cursor: pointer; opacity: 0; }.gw-notification-item:hover .gw-notification-delete { opacity: 1; }.gw-notification-delete:hover { background: #fff0ef; color: #d34e59; }.gw-notification-empty,.gw-notification-loading { padding: 42px 18px; color: var(--gw-text-muted); font-size: 13px; text-align: center; }
@keyframes gwNotificationIn { from { opacity: 0; transform: translateY(-7px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 720px) { .gw-notification-panel { position: fixed; top: 64px; right: 12px; left: 12px; width: auto; }.gw-notification-delete { opacity: 1; } } @media (max-width: 768px) {
.gw-footer { padding-bottom: 64px; }
.gw-footer__column { display: none !important; }
.gw-footer__main { display: block !important; }
.gw-footer__brand { display: block !important; }
.gw-mobile-bottom-nav__icon.gw-icon {
width: 19px;
height: 19px;
background-color: currentColor;
}
.gw-mobile-bottom-nav__item--wiki .gw-mobile-bottom-nav__icon {
font-family: Georgia, serif;
font-weight: 800;
}
} .gw-wiki-single .gw-wiki-content__body {
color: #3d3a46;
font-size: 16px;
line-height: 1.95;
}
.gw-wiki-single .gw-wiki-content__body h2,
.gw-wiki-single .gw-wiki-content__body h3 {
position: relative;
scroll-margin-top: 104px;
color: var(--gw-heading);
line-height: 1.4;
}
.gw-wiki-single .gw-wiki-content__body h2 {
margin-top: 42px;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--gw-border-light);
font-size: 24px;
}
.gw-wiki-single .gw-wiki-content__body h3 {
margin-top: 30px;
margin-bottom: 11px;
font-size: 19px;
}
.gw-wiki-single .gw-wiki-content__body h2::before {
position: absolute;
top: 0;
left: -18px;
width: 3px;
height: 1.4em;
border-radius: 99px;
background: var(--gw-primary);
content: '';
}
.gw-wiki-single .gw-wiki-content__body blockquote {
margin: 24px 0;
padding: 14px 18px;
border-left: 3px solid var(--gw-primary);
border-radius: 0 8px 8px 0;
background: #faf9ff;
color: var(--gw-text-secondary);
}
.gw-wiki-single .gw-author-card {
border-radius: 14px;
box-shadow: 0 12px 34px rgba(35, 29, 61, .07);
}
.gw-article-toc {
display: block;
max-height: min(58vh, 520px);
margin-top: 16px;
padding: 18px 16px;
overflow-y: auto;
border: 1px solid var(--gw-border);
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 28px rgba(35, 29, 61, .05);
}
.gw-article-toc[hidden] {
display: none;
}
.gw-article-toc__heading {
padding-bottom: 11px;
border-bottom: 1px solid var(--gw-border-light);
}
.gw-article-toc__eyebrow {
display: block;
margin-bottom: 4px;
color: var(--gw-primary);
font-size: 9px;
font-weight: 800;
letter-spacing: .14em;
}
.gw-article-toc__heading h2 {
margin: 0;
color: var(--gw-heading);
font-size: 17px;
line-height: 1.4;
}
.gw-article-toc__list {
display: grid;
gap: 2px;
margin: 12px 0 0;
padding: 0;
list-style: none;
}
.gw-article-toc__item a {
display: block;
padding: 7px 8px;
overflow: hidden;
border-radius: 6px;
color: var(--gw-text-muted);
font-size: 12px;
line-height: 1.45;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
transition: background .16s ease, color .16s ease;
}
.gw-article-toc__item--h3 a {
padding-left: 22px;
font-size: 11px;
}
.gw-article-toc__item--h4 a,
.gw-article-toc__item--h5 a,
.gw-article-toc__item--h6 a {
padding-left: 34px;
font-size: 11px;
}
.gw-article-toc__item a:hover,
.gw-article-toc__item a.is-active {
background: var(--gw-primary-soft);
color: var(--gw-primary);
font-weight: 700;
}
#galwiki-comments-scope .gw-comment__level {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 18px;
padding: 0 6px;
border: 1px solid rgba(124, 92, 255, .18);
border-radius: 5px;
background: #f5f2ff;
color: var(--gw-primary);
font-size: 9px;
font-weight: 800;
letter-spacing: .02em;
line-height: 1;
}
#galwiki-comments-scope .gw-comment__level--4,
#galwiki-comments-scope .gw-comment__level--5 {
border-color: rgba(190, 126, 31, .24);
background: #fff7e8;
color: #a66b13;
}
#galwiki-comments-scope .gw-comment__author {
flex-wrap: wrap;
row-gap: 4px;
}
#galwiki-comments-scope .gw-comment {
transition: background .16s ease, box-shadow .16s ease;
}
#galwiki-comments-scope .gw-comment:hover {
background: #fdfcff;
}
@media (max-width: 900px) {
.gw-article-toc {
display: none !important;
}
} @media (max-width: 1180px) {
.gw-header__actions {
right: 50px;
min-width: 42px;
justify-content: center;
}
.gw-header__actions .gw-header__login {
margin-left: 0;
white-space: nowrap;
}
.gw-header__user-wrap {
justify-content: center;
width: 42px;
}
}
@media (max-width: 480px) {
.gw-header__actions {
right: 46px;
}
} .gw-wiki-single .gw-wiki-content__body {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
overflow-wrap: anywhere;
}
.gw-wiki-single .gw-wiki-content__body > * {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.gw-content-table-scroll {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 24px 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
}
.gw-content-table-scroll table,
.gw-wiki-single .gw-wiki-content__body > table {
width: max-content !important;
min-width: 100%;
max-width: none;
margin: 0;
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
}
.gw-content-table-scroll th,
.gw-content-table-scroll td,
.gw-wiki-single .gw-wiki-content__body > table th,
.gw-wiki-single .gw-wiki-content__body > table td {
word-break: normal;
overflow-wrap: normal;
}
@media (max-width: 900px) {
.gw-wiki-single .gw-wiki-content__body {
overflow-x: hidden;
word-break: normal;
}
.gw-wiki-single .gw-wiki-content__body > :not(.gw-content-table-scroll) {
overflow-wrap: anywhere;
word-break: break-word;
}
.gw-content-table-scroll {
margin-right: 0;
margin-left: 0;
}
.gw-content-table-scroll table {
display: table;
}
.gw-header__container {
padding-right: 92px;
padding-left: 48px;
box-sizing: border-box;
}
.gw-header__logo {
left: 50%;
width: calc(100% - 148px);
max-width: calc(100% - 148px);
pointer-events: none;
}
.gw-header__logo-link {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: auto;
}
.gw-header__logo-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gw-mobile-search-toggle {
right: 4px;
z-index: 9200;
}
.gw-header__actions {
right: 46px;
z-index: 9200;
}
.gw-header__user-wrap,
.gw-header__user {
flex: 0 0 42px;
width: 42px;
min-width: 42px;
}
.gw-mobile-menu,
.gw-mobile-menu-mask {
display: none;
}
.gw-mobile-menu.is-open,
.gw-mobile-menu-mask.is-open {
display: block;
}
}
@media (max-width: 480px) {
.gw-header__container {
padding-right: 84px;
padding-left: 44px;
}
.gw-header__logo {
width: calc(100% - 136px);
max-width: calc(100% - 136px);
}
.gw-header__actions {
right: 42px;
}
.gw-header__user-wrap,
.gw-header__user {
flex-basis: 39px;
width: 39px;
min-width: 39px;
}
}
@media (max-width: 360px) {
.gw-header__container {
padding-right: 78px;
padding-left: 42px;
}
.gw-header__logo {
width: calc(100% - 126px);
max-width: calc(100% - 126px);
}
.gw-header__actions {
right: 39px;
}
.gw-header__user-wrap,
.gw-header__user {
flex-basis: 36px;
width: 36px;
min-width: 36px;
}
} @media (max-width: 900px) {
.gw-header__container {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) auto auto;
align-items: center;
width: 100%;
height: var(--gw-header-height-mobile);
padding: 0 8px;
gap: 6px;
}
.gw-header__mobile-left,
.gw-mobile-search-toggle,
.gw-header__actions,
.gw-header__logo {
position: static;
top: auto;
right: auto;
left: auto;
height: var(--gw-header-height-mobile);
transform: none;
}
.gw-header__mobile-left {
grid-column: 1;
justify-content: flex-start;
}
.gw-header__logo {
grid-column: 2;
justify-content: center;
min-width: 0;
width: auto;
max-width: none;
pointer-events: none;
padding-top: 2px;
}
.gw-header__logo-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 40px;
max-width: min(100%, 170px);
pointer-events: auto;
}
.gw-header__logo-text {
max-width: 170px;
text-align: center;
}
.gw-mobile-search-toggle {
grid-column: 4;
grid-row: 1;
justify-self: end;
align-self: center;
width: 40px;
height: 40px;
z-index: 9100;
}
.gw-header__actions {
grid-column: 3;
grid-row: 1;
justify-self: end;
align-self: center;
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 0;
margin: 0;
padding: 0;
z-index: 9100;
}
.gw-header__user-wrap,
.gw-header__user {
flex: 0 0 40px;
width: 40px;
min-width: 40px;
height: 40px;
}
.gw-header__avatar {
width: 31px;
height: 31px;
flex-basis: 31px;
}
.gw-header__actions:has(.gw-header__login) .gw-header__login {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 34px;
height: 34px;
margin: 0;
padding: 0 11px;
border-radius: 999px;
font-size: 12px;
line-height: 1;
white-space: nowrap;
}
.gw-header__actions:has(.gw-header__login) .gw-header__login .gw-icon {
width: 15px;
height: 15px;
margin: 0;
}
}
@media (max-width: 420px) {
.gw-header__container {
grid-template-columns: 42px minmax(0, 1fr) auto auto;
padding: 0 6px;
gap: 4px;
}
.gw-header__logo-link,
.gw-header__logo-text {
max-width: 138px;
}
.gw-header__actions {
margin-right: 0;
}
.gw-mobile-search-toggle,
.gw-header__user-wrap,
.gw-header__user {
width: 38px;
min-width: 38px;
flex-basis: 38px;
}
.gw-header__actions:has(.gw-header__login) .gw-header__login {
padding: 0 9px;
font-size: 11px;
}
} .gw-wiki-action--ai-search { border-color:rgba(124,92,255,.28); box-shadow:0 4px 16px rgba(124,92,255,.16); }.gw-wiki-action--ai-search.is-disabled { border-color:var(--gw-border); background:#f1f2f5; color:var(--gw-text-muted); box-shadow:none; cursor:not-allowed; }.gw-wiki-action--ai-search.is-disabled:hover { transform:none; }
.gw-task-card__action { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.gw-task-card__link { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 15px; border-radius: 5px; background: #e8f5f0; color: #216b59; font-size: 13px; font-weight: 700; text-decoration: none; }
.gw-task-card__link:hover { background: #d9eee6; color: #216b59; }
.gw-search-results--article { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gw-search-article-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); min-width: 0; overflow: hidden; border: 1px solid var(--gw-border); border-radius: 8px; background: var(--gw-white); box-shadow: 0 6px 22px rgba(26, 34, 56, .035); }
.gw-search-article-card:hover { box-shadow: 0 13px 30px rgba(26, 34, 56, .09); transform: translateY(-2px); }.gw-search-article-card .gw-category-article-card__cover { min-height: 150px; border-radius: 0; }.gw-search-article-card .gw-category-article-card__cover img { width: 100%; height: 100%; object-fit: cover; }.gw-search-article-card .gw-category-article-card__body { min-width: 0; padding: 14px; }.gw-search-article-card .gw-category-article-card__footer { margin-top: 10px; }.gw-search-wiki-item { border-radius: 8px; box-shadow: 0 6px 22px rgba(26, 34, 56, .035); }.gw-search-wiki-item:hover { box-shadow: 0 13px 30px rgba(26, 34, 56, .09); }
@media (max-width: 760px) { .gw-task-card__action, .gw-task-card__action button, .gw-task-card__link { width: 100%; }.gw-search-results--article { grid-template-columns: 1fr; }.gw-search-article-card { grid-template-columns: 116px minmax(0, 1fr); }.gw-search-article-card .gw-category-article-card__cover { min-height: 132px; } }
.gw-category-header .gw-section-label,
.gw-category-header__count { font-size: 12px; }
.gw-category-header h1,
.gw-category-header__title { font-size: 44px; }
.gw-category-header__description { font-size: 16px; line-height: 1.9; }
.gw-category-wiki-card__title,
.gw-category-wiki-item h2,
.gw-category-article-card h2,
.gw-category-article-card__title { font-size: 22px; line-height: 1.45; }
.gw-category-wiki-card__excerpt,
.gw-category-wiki-item__excerpt,
.gw-category-wiki-item p,
.gw-category-article-card__excerpt { font-size: 15px; line-height: 1.8; }
.gw-category-view-switch,
.gw-category-view-switch__item,
.gw-category-filter__label,
.gw-category-filter__option,
.gw-category-filter__controls,
.gw-category-filter__top strong { font-size: 13px; }
.gw-category-filter__top span { font-size: 12px; line-height: 1.6; }
.gw-category-filter__row small { font-size: 11px; }
@media (max-width: 900px) {
.gw-category-header h1,
.gw-category-header__title { font-size: 36px; }
.gw-category-header__description { font-size: 15px; }
.gw-category-wiki-card__title,
.gw-category-wiki-item h2,
.gw-category-article-card h2,
.gw-category-article-card__title { font-size: 19px; }
.gw-category-wiki-card__excerpt,
.gw-category-wiki-item__excerpt,
.gw-category-wiki-item p,
.gw-category-article-card__excerpt { font-size: 14px; }
.gw-category-view-switch__item,
.gw-category-filter__label,
.gw-category-filter__option,
.gw-category-filter__controls,
.gw-category-filter__top strong,
.gw-category-filter__top span { font-size: 12px; }
} .gw-category-filter__top .gw-category-view-switch {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: auto;
height: 36px;
margin: 0;
padding: 0 9px;
border-radius: 7px;
color: var(--gw-text-light);
text-decoration: none;
}
.gw-category-filter__top .gw-category-view-switch:hover,
.gw-category-filter__top .gw-category-view-switch:focus-visible {
border-color: rgba(124,92,255,.35);
background: #fff;
color: var(--gw-primary);
outline: none;
}
.gw-category-view-switch .gw-icon--view,
.gw-category-view-switch .gw-icon--view svg {
width: 17px;
height: 17px;
stroke-width: 2;
}
.gw-category-view-switch__text { margin-left: 6px; font-size: 12px; white-space: nowrap; }
@media (max-width: 760px) {
.gw-category-filter__top .gw-category-view-switch {
flex: 0 0 36px;
width: 36px;
margin-top: 0;
}
} .gw-ai-search-popover[hidden] { display: none; }
.gw-ai-search-anchor { position: relative; display: inline-flex; overflow: visible; }
.gw-ai-search-popover {
position: absolute;
z-index: 10010;
box-sizing: border-box;
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
width: min(292px, calc(100vw - 24px));
padding: 10px 36px 10px 12px;
border: 1px solid #252b37;
border-radius: 6px;
background: #252b37;
color: #fff;
font-size: 12px;
line-height: 1.55;
box-shadow: 0 12px 30px rgba(17, 22, 34, .22);
}
.gw-ai-search-popover::after {
position: absolute;
left: var(--gw-ai-arrow-left, 50%);
border: 7px solid transparent;
content: '';
transform: translateX(-50%);
}
.gw-ai-search-popover[data-placement="bottom"] { top: calc(100% + 10px); bottom: auto; }
.gw-ai-search-popover[data-placement="top"]::after {
top: 100%;
border-top-color: #252b37;
}
.gw-ai-search-popover[data-placement="bottom"]::after {
bottom: 100%;
border-bottom-color: #252b37;
}
.gw-ai-search-popover__close {
position: absolute;
top: 5px;
right: 6px;
width: 26px;
height: 26px;
padding: 0;
border: 0;
border-radius: 4px;
background: transparent;
color: #fff;
font-size: 19px;
line-height: 1;
cursor: pointer;
}
.gw-ai-search-popover__close:hover,
.gw-ai-search-popover__close:focus-visible { background: rgba(255,255,255,.16); outline: none; } .gw-category-wiki-card__cover,
.gw-category-wiki-item__cover {
height: auto;
min-height: 0;
aspect-ratio: 16 / 10;
}
.gw-search-article-card .gw-category-article-card__cover {
min-height: 0;
aspect-ratio: 16 / 9;
align-self: start;
}
@media (max-width: 760px) {
.gw-search-article-card .gw-category-article-card__cover {
min-height: 0;
}
}
.gw-submission__category-picker { display: grid; gap: 12px; }
.gw-submission__category-picker [data-submission-category-levels] { display: grid; gap: 12px; }
.gw-submission__category-picker [data-submission-category-status] { min-height: 20px; margin: 0; color: var(--gw-text-muted); font-size: 12px; line-height: 1.5; }
.gw-submission__category-picker input[readonly] { background: var(--gw-bg-soft); color: var(--gw-text-secondary); cursor: default; } .gw-category-article-card__cover,
.gw-category-article-card__image,
.gw-search-article-card .gw-category-article-card__cover {
height: auto;
min-height: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.gw-category-article-card__cover img,
.gw-category-article-card__image img,
.gw-category-article-card__cover span,
.gw-category-article-card__cover-placeholder,
.gw-category-article-card__image span {
width: 100%;
height: 100%;
}
.gw-category-article-card__cover img,
.gw-category-article-card__image img { object-fit: cover; } .gw-utility-rail {
position: fixed;
z-index: 80;
right: 18px;
top: 50%;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transform: translateY(-50%);
}
.gw-utility-rail__button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid var(--gw-border);
border-radius: 6px;
background: var(--gw-white);
color: var(--gw-text-secondary);
box-shadow: 0 4px 14px rgba(20, 24, 40, .09);
cursor: pointer;
text-decoration: none;
}
.gw-utility-rail__button:hover,
.gw-utility-rail__button:focus-visible { border-color: var(--gw-primary); color: var(--gw-primary); outline: none; }
.gw-utility-rail__button[disabled] { cursor: default; opacity: .62; }
.gw-utility-rail__button > span { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; }
.gw-utility-rail__button svg { width: 18px; height: 18px; stroke-width: 2; }
.gw-utility-rail__button[data-tooltip]::after {
position: absolute;
right: calc(100% + 9px);
top: 50%;
z-index: 1;
padding: 5px 8px;
border-radius: 4px;
background: #252a36;
color: #fff;
content: attr(data-tooltip);
font-size: 12px;
line-height: 1.2;
opacity: 0;
pointer-events: none;
transform: translateY(-50%);
transition: opacity .15s ease;
white-space: nowrap;
}
.gw-utility-rail__button[data-tooltip]:hover::after,
.gw-utility-rail__button[data-tooltip]:focus-visible::after { opacity: 1; }
.gw-utility-rail__text-size { position: relative; }
.gw-utility-rail__menu {
position: absolute;
right: calc(100% + 9px);
top: 50%;
display: flex;
gap: 2px;
padding: 4px;
border: 1px solid var(--gw-border);
border-radius: 6px;
background: var(--gw-white);
box-shadow: 0 8px 22px rgba(20, 24, 40, .12);
transform: translateY(-50%);
}
.gw-utility-rail__menu button { min-width: 34px; height: 28px; border: 0; border-radius: 4px; background: transparent; color: var(--gw-text-secondary); cursor: pointer; font-size: 12px; }
.gw-utility-rail__menu button:hover,
.gw-utility-rail__menu button:focus-visible,
.gw-utility-rail__menu button.is-selected { background: var(--gw-primary-soft); color: var(--gw-primary); outline: none; }
.gw-utility-rail__status { position: absolute; right: calc(100% + 9px); bottom: -24px; width: max-content; max-width: 220px; color: var(--gw-text-secondary); font-size: 12px; line-height: 1.35; text-align: right; }
.gw-utility-rail__status.is-error { color: #c74646; }
.gw-utility-rail [hidden] { display: none !important; }
html[data-gw-reading-size="small"] .gw-wiki-content__body,
html[data-gw-reading-size="small"] .entry-content,
html[data-gw-reading-size="small"] .gw-category-article-card__excerpt { font-size: 0.9em; }
html[data-gw-reading-size="large"] .gw-wiki-content__body,
html[data-gw-reading-size="large"] .entry-content,
html[data-gw-reading-size="large"] .gw-category-article-card__excerpt { font-size: 1.12em; }
@media (max-width: 768px) {
.gw-utility-rail { display: none; }
} .gw-category-article-grid > .gw-category-article-card > .gw-category-article-card__cover,
.gw-category-article-grid > .gw-category-article-card > .gw-category-article-card__image,
.gw-search-results--article > .gw-search-article-card > .gw-category-article-card__cover {
display: block;
flex: 0 0 auto;
width: 100%;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden;
}
.gw-category-article-grid > .gw-category-article-card > .gw-category-article-card__cover > img,
.gw-category-article-grid > .gw-category-article-card > .gw-category-article-card__image > img,
.gw-search-results--article > .gw-search-article-card > .gw-category-article-card__cover > img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.gw-category-article-grid > .gw-category-article-card > .gw-category-article-card__cover > span,
.gw-search-results--article > .gw-search-article-card > .gw-category-article-card__cover > span {
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
height: 100% !important;
}
.gw-search-results--article > .gw-search-article-card {
display: flex;
flex-direction: column;
grid-template-columns: none;
}
.gw-search-results--article > .gw-search-article-card > .gw-category-article-card__cover {
align-self: auto;
border-radius: 8px 8px 0 0;
}.gw-user-center { padding: 42px 0 80px; background: #f4f7f6; }
.gw-user-center__hero, .gw-user-center__nav, .gw-user-center__content { border: 1px solid #dce7e2; border-radius: 8px; background: #fff; box-shadow: 0 14px 34px rgba(31, 67, 55, .07); }
.gw-user-center__hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 31px 34px; overflow: hidden; }
.gw-user-center__hero::before { position: absolute; top: 0; bottom: 0; left: 0; width: 6px; background: #397a68; content: ''; }
.gw-user-center__identity { display: flex; align-items: center; gap: 18px; min-width: 0; }
.gw-user-avatar { position: relative; flex: 0 0 82px; width: 82px; height: 82px; padding: 0; overflow: hidden; border: 4px solid #fff; border-radius: 50%; background: #e8f5f0; box-shadow: 0 0 0 2px #8bbdac, 0 10px 22px rgba(31, 67, 55, .17); cursor: pointer; }
.gw-user-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gw-user-avatar span { position: absolute; right: 0; bottom: 0; left: 0; padding: 5px 0; background: rgba(22, 51, 42, .76); color: #fff; font-size: 10px; line-height: 1; opacity: 0; transition: opacity var(--gw-transition-fast); }
.gw-user-avatar:hover span, .gw-user-avatar:focus-visible span { opacity: 1; }
.gw-user-avatar:focus-visible, .gw-user-center__nav a:focus-visible, .gw-user-center__mobile-nav select:focus-visible, .gw-user-profile input:focus-visible, .gw-user-profile textarea:focus-visible, .gw-points-actions input:focus-visible, .gw-user-task-modal__dialog input:focus-visible { outline: 3px solid rgba(57, 122, 104, .24); outline-offset: 2px; }
.gw-user-center__identity p, .gw-user-panel-title p { margin: 0 0 6px; color: #397a68; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.gw-user-center__identity h1 { margin: 0 0 6px; overflow: hidden; color: var(--gw-heading); font-size: 26px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.gw-user-center__identity > div > span { display: block; overflow: hidden; color: var(--gw-text-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.gw-user-center__metrics { display: flex; gap: 0; }
.gw-user-center__metrics span { display: grid; gap: 5px; min-width: 92px; padding: 0 17px; border-left: 1px solid #e2ebe7; color: var(--gw-text-muted); font-size: 11px; white-space: nowrap; }
.gw-user-center__metrics strong { color: var(--gw-heading); font-size: 21px; line-height: 1.1; }
.gw-user-center__metrics span:first-child strong { color: #a56e0d; }.gw-user-center__metrics span:nth-child(2) strong { color: #397a68; }
.gw-user-center__layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; margin-top: 24px; }
.gw-user-center__mobile-nav { display: none; }
.gw-user-center__nav { position: sticky; top: 92px; height: max-content; padding: 9px; }
.gw-user-center__nav a { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 42px; padding: 0 12px; border-radius: 5px; color: var(--gw-text-secondary); font-size: 13px; font-weight: 700; text-decoration: none; transition: background var(--gw-transition-fast), color var(--gw-transition-fast); }
.gw-user-center__nav a:hover { background: #f1f8f5; color: #216b59; }.gw-user-center__nav a.is-active { background: #e8f5f0; color: #216b59; }.gw-user-center__nav a .gw-icon { flex: 0 0 15px; width: 15px; height: 15px; }.gw-user-center__nav a em { flex: 1; min-width: 0; font-style: normal; }
.gw-user-center__nav b { display: grid; min-width: 18px; height: 18px; padding: 0 4px; place-items: center; border-radius: 99px; background: var(--gw-danger); color: #fff; font-size: 9px; }
.gw-user-center__nav .is-danger { margin-top: 8px; border-top: 1px solid #e2ebe7; border-radius: 0; color: var(--gw-danger); }
.gw-user-center__content { min-width: 0; padding: 31px; }
.gw-user-panel-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 25px; }.gw-user-panel-title h2 { margin: 0; color: var(--gw-heading); font-size: 25px; line-height: 1.2; }
.gw-user-status { max-width: 320px; margin: 0; padding: 9px 11px; border-radius: 5px; background: #edfff3; color: #227042; font-size: 12px; line-height: 1.45; }.gw-user-status:empty { display: none; }.gw-user-status.is-error { background: #fff0ef; color: #b14343; }.gw-user-status.is-loading { background: #e8f5f0; color: #216b59; }
.gw-user-stat-grid, .gw-points-summary, .gw-task-center__overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.gw-user-stat-grid { margin-bottom: 25px; }
.gw-user-stat-grid a, .gw-points-summary > div, .gw-points-level, .gw-points-actions > div, .gw-points-actions form, .gw-task-center__overview > div, .gw-task-checkin { border: 1px solid #e0e9e5; border-radius: 7px; background: #fbfcfb; }
.gw-user-stat-grid a { display: grid; gap: 6px; min-width: 0; padding: 16px; color: var(--gw-text-muted); font-size: 12px; text-decoration: none; transition: border-color var(--gw-transition-fast), background var(--gw-transition-fast), transform var(--gw-transition-fast); }.gw-user-stat-grid a:hover { border-color: #9bcab9; background: #f2f9f6; transform: translateY(-2px); }.gw-user-stat-grid strong { overflow: hidden; color: var(--gw-heading); font-size: 24px; text-overflow: ellipsis; }
.gw-user-list-section { margin-top: 22px; border-top: 1px solid #e2ebe7; }.gw-user-list-section h3, .gw-points-actions h3, .gw-points-history h3, .gw-task-list h3 { margin: 0; color: var(--gw-heading); font-size: 15px; }.gw-user-list-section h3 { padding: 18px 0 12px; }
.gw-user-list-row, .gw-user-favorite, .gw-points-history__row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 4px; border-top: 1px solid #e8eeeb; color: var(--gw-text-secondary); font-size: 13px; text-decoration: none; }.gw-user-list-row:hover, .gw-user-favorite a:hover { color: #216b59; }
.gw-user-list-row > span, .gw-user-list-row > strong, .gw-user-favorite span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.gw-user-list-row strong { color: #a56e0d; }.gw-user-list-row time, .gw-user-favorite time, .gw-points-history__row time { color: var(--gw-text-muted); font-size: 11px; white-space: nowrap; }
.gw-user-list-row.is-stack { grid-template-columns: minmax(0, 1fr) auto; }.gw-user-list-row.is-stack strong, .gw-user-list-row.is-stack span { grid-column: 1; }.gw-user-list-row.is-stack time { grid-column: 2; grid-row: 1; }.gw-user-list-row.is-unread { padding-left: 10px; border-left: 3px solid #397a68; background: #f3faf7; }
.gw-user-favorite { grid-template-columns: minmax(0, 1fr) auto; }.gw-user-favorite a { display: grid; gap: 4px; min-width: 0; color: inherit; text-decoration: none; }
.gw-user-favorite button, .gw-user-profile button, .gw-points-actions button, .gw-task-checkin button, .gw-task-card__action button, .gw-user-task-modal__dialog > button:not(.gw-user-task-modal__close) { min-height: 40px; border: 0; border-radius: 5px; background: #397a68; color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.gw-user-favorite button { padding: 8px 11px; background: #e8f5f0; color: #216b59; }.gw-user-favorite button:hover { background: #d9eee6; }.gw-user-profile button, .gw-points-actions button, .gw-task-checkin button, .gw-task-card__action button, .gw-user-task-modal__dialog > button:not(.gw-user-task-modal__close) { padding: 10px 15px; }.gw-user-profile button:hover, .gw-points-actions button:hover, .gw-task-checkin button:hover, .gw-task-card__action button:hover, .gw-user-task-modal__dialog > button:not(.gw-user-task-modal__close):hover { background: #216b59; }
.gw-user-favorite button:disabled, .gw-user-profile button:disabled, .gw-points-actions button:disabled, .gw-task-checkin button:disabled, .gw-task-card__action button:disabled { cursor: not-allowed; opacity: .6; }
.gw-user-empty { margin: 0; padding: 30px 0; color: var(--gw-text-muted); font-size: 13px; text-align: center; }.gw-user-submissions__intro { margin: 0 0 13px; }.gw-user-submissions__intro a, .gw-user-submissions .gw-user-list-row a, .gw-user-profile > a { color: #216b59; font-size: 13px; font-weight: 700; text-decoration: none; }.gw-user-submissions__intro a:hover, .gw-user-submissions .gw-user-list-row a:hover, .gw-user-profile > a:hover { text-decoration: underline; }
.gw-user-profile { display: grid; gap: 17px; max-width: 680px; }.gw-user-profile label { display: grid; gap: 7px; color: var(--gw-heading); font-size: 13px; font-weight: 700; }
.gw-user-profile input, .gw-user-profile textarea, .gw-points-actions input, .gw-user-task-modal__dialog input, .gw-user-sponsor input { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #cfded8; border-radius: 5px; background: #fff; color: var(--gw-text); font: inherit; font-size: 14px; }.gw-user-profile textarea { min-height: 96px; resize: vertical; }.gw-user-profile input:focus, .gw-user-profile textarea:focus, .gw-points-actions input:focus, .gw-user-task-modal__dialog input:focus, .gw-user-sponsor input:focus { border-color: #397a68; outline: 0; box-shadow: 0 0 0 3px rgba(57, 122, 104, .12); }.gw-user-profile__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.gw-user-profile button { width: max-content; padding: 10px 19px; }
.gw-user-profile input[readonly] { background: #f2f6f4; color: var(--gw-text-muted); cursor: default; }
.gw-user-profile__preferences { display: grid; gap: 11px; margin: 0; padding: 17px; border: 1px solid #e0e9e5; border-radius: 7px; background: #fbfcfb; }.gw-user-profile__preferences legend { padding: 0 4px; color: var(--gw-heading); font-size: 13px; font-weight: 700; }.gw-user-profile__preferences p { margin: -2px 0 2px; color: var(--gw-text-muted); font-size: 12px; line-height: 1.6; }.gw-user-profile__preferences label { display: flex; align-items: flex-start; gap: 9px; color: var(--gw-text-secondary); font-weight: 500; line-height: 1.45; }.gw-user-profile__preferences input { flex: 0 0 auto; width: 16px; min-height: 16px; margin: 1px 0 0; padding: 0; }
.gw-user-sponsor { display: grid; justify-items: start; gap: 15px; max-width: 620px; padding: 25px; border: 1px solid #cfe5dc; border-radius: 8px; background: #f4faf7; }.gw-user-sponsor p, .gw-user-sponsor strong { margin: 0; color: var(--gw-text-secondary); line-height: 1.7; }.gw-user-sponsor strong { color: var(--gw-heading); }.gw-user-sponsor form { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; gap: 9px; }.gw-user-sponsor form button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 5px; background: #397a68; color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }.gw-user-sponsor form button:hover { background: #216b59; }.gw-user-sponsor > a { color: #216b59; font-size: 13px; font-weight: 700; text-decoration: none; }.gw-user-sponsor > a:hover { text-decoration: underline; }.gw-user-sponsor__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; }.gw-user-sponsor__link-card { display: grid; gap: 4px; min-height: 70px; padding: 14px; border: 1px solid #dceae4; border-radius: 6px; background: #fff; color: inherit; text-decoration: none; }.gw-user-sponsor__link-card:hover { border-color: #9bcab9; }.gw-user-sponsor__link-card span { color: #397a68; font-size: 12px; }
.gw-points-center, .gw-task-center { display: grid; gap: 20px; }.gw-points-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }.gw-points-summary > div, .gw-points-level, .gw-points-actions > div, .gw-points-actions form, .gw-task-center__overview > div, .gw-task-checkin { padding: 18px; }.gw-points-summary span, .gw-points-level span, .gw-task-center__overview span, .gw-task-checkin span { color: var(--gw-text-muted); font-size: 12px; }.gw-points-summary strong, .gw-task-center__overview strong { display: block; margin-top: 6px; color: var(--gw-heading); font-size: 23px; }.gw-points-level { display: grid; gap: 11px; }.gw-points-level > div:first-child { display: flex; justify-content: space-between; gap: 12px; }.gw-points-progress { height: 8px; overflow: hidden; border-radius: 99px; background: #e1ebe7; }.gw-points-progress i { display: block; height: 100%; border-radius: inherit; background: #397a68; transition: width var(--gw-transition-fast); }.gw-points-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.gw-points-actions h3 { margin-bottom: 7px; }.gw-points-actions p { min-height: 40px; margin: 0 0 13px; color: var(--gw-text-secondary); font-size: 13px; line-height: 1.55; }.gw-points-actions input { margin: 0 0 10px; }.gw-points-history { border-top: 1px solid #e2ebe7; }.gw-points-history h3 { padding-top: 18px; margin-bottom: 7px; }.gw-points-history__row strong { color: var(--gw-success); }
.gw-task-checkin { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.gw-task-checkin div { display: grid; gap: 4px; }.gw-task-checkin strong { color: var(--gw-heading); font-size: 15px; }.gw-task-list h3 { margin-bottom: 8px; font-size: 16px; }.gw-task-card { display: grid; grid-template-columns: 108px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 17px 4px; border-top: 1px solid #e2ebe7; }.gw-task-card__type { width: max-content; max-width: 108px; padding: 5px 7px; border-radius: 4px; background: #e8f5f0; color: #397a68; font-size: 11px; font-weight: 700; }.gw-task-card h4 { margin: 0; color: var(--gw-heading); font-size: 14px; }.gw-task-card p { margin: 5px 0; color: var(--gw-text-secondary); font-size: 13px; line-height: 1.55; }.gw-task-card small { color: #a56e0d; font-size: 12px; font-weight: 700; }.gw-task-card__action > span { color: var(--gw-success); font-size: 12px; font-weight: 700; }.gw-task-card.is-complete { opacity: .66; }
.gw-user-task-modal[hidden] { display: none; }.gw-user-task-modal { position: fixed; z-index: 1300; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(19, 41, 34, .54); }.gw-user-task-modal__dialog { position: relative; display: grid; gap: 13px; width: min(100%, 430px); max-height: calc(100vh - 36px); overflow-y: auto; padding: 25px; border-radius: 8px; background: #fff; box-shadow: var(--gw-shadow-lg); }.gw-user-task-modal__dialog h3, .gw-user-task-modal__dialog p { margin: 0; }.gw-user-task-modal__dialog p { color: var(--gw-text-secondary); font-size: 13px; line-height: 1.6; white-space: pre-line; }.gw-user-task-modal__dialog a { width: max-content; color: #216b59; font-size: 13px; font-weight: 700; }.gw-user-task-modal__dialog img { width: min(180px, 100%); border: 1px solid var(--gw-border); border-radius: 5px; }.gw-user-task-modal__close { position: absolute; top: 8px; right: 10px; width: 34px; height: 34px; border: 0; border-radius: 5px; background: transparent; color: var(--gw-text-muted); font-size: 25px; cursor: pointer; }.gw-user-task-modal__close:hover { background: #f1f8f5; color: #216b59; }.gw-user-task-modal__dialog [data-task-modal-status] { min-height: 20px; color: var(--gw-danger); }
@media (max-width: 900px) { .gw-user-center__hero { align-items: flex-start; flex-direction: column; }.gw-user-center__metrics { width: 100%; }.gw-user-center__metrics span:first-child { padding-left: 0; border-left: 0; }.gw-user-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .gw-user-center { padding: 20px 0 calc(92px + env(safe-area-inset-bottom)); }.gw-user-center__hero { gap: 21px; padding: 22px 20px; }.gw-user-center__hero::before { width: 4px; }.gw-user-avatar { flex-basis: 68px; width: 68px; height: 68px; }.gw-user-center__identity h1 { max-width: calc(100vw - 124px); font-size: 21px; }.gw-user-center__identity > div > span { max-width: calc(100vw - 124px); }.gw-user-center__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }.gw-user-center__metrics span { min-width: 0; padding: 0 9px; overflow: hidden; text-overflow: ellipsis; }.gw-user-center__metrics strong { overflow: hidden; font-size: 16px; text-overflow: ellipsis; }.gw-user-center__layout { display: block; margin-top: 14px; }.gw-user-center__mobile-nav { display: grid; gap: 7px; margin-bottom: 14px; padding: 12px; border: 1px solid #dce7e2; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(31, 67, 55, .06); }.gw-user-center__mobile-nav label { color: #397a68; font-size: 11px; font-weight: 800; letter-spacing: .06em; }.gw-user-center__mobile-nav select { width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid #c8dbd3; border-radius: 5px; background: #f7fbf9; color: var(--gw-heading); font: inherit; font-size: 14px; font-weight: 700; }.gw-user-center__mobile-nav noscript nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }.gw-user-center__mobile-nav noscript a { padding: 9px; border-radius: 4px; background: #f1f8f5; color: #216b59; font-size: 12px; font-weight: 700; text-align: center; text-decoration: none; }.gw-user-center__nav { display: none; }.gw-user-center__content { padding: 21px 16px; border-radius: 8px; }.gw-user-panel-title { align-items: stretch; flex-direction: column; gap: 12px; margin-bottom: 20px; }.gw-user-panel-title h2 { font-size: 21px; }.gw-user-status { max-width: none; }.gw-user-list-row, .gw-user-favorite, .gw-points-history__row { gap: 8px; padding: 14px 0; }.gw-user-list-row > span, .gw-user-list-row > strong, .gw-user-favorite span { overflow: visible; text-overflow: clip; white-space: normal; line-height: 1.5; }.gw-user-list-row:not(.is-stack) { grid-template-columns: minmax(0, 1fr) auto; }.gw-user-list-row:not(.is-stack) time { grid-column: 1; }.gw-user-list-row.is-stack { grid-template-columns: minmax(0, 1fr) auto; }.gw-user-list-row.is-stack time { align-self: start; }.gw-user-favorite { grid-template-columns: minmax(0, 1fr) auto; }.gw-user-favorite button { min-height: 40px; }.gw-user-profile button { width: 100%; }.gw-user-sponsor { padding: 20px; }.gw-user-sponsor form { grid-template-columns: 1fr; }.gw-user-sponsor form button { width: 100%; }.gw-task-center__overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }.gw-task-center__overview > div { padding: 14px; }.gw-task-center__overview strong { font-size: 19px; }.gw-task-card { grid-template-columns: 1fr; gap: 9px; padding: 16px 0; }.gw-task-card__action button { width: 100%; }.gw-task-checkin { align-items: stretch; flex-direction: column; }.gw-task-checkin button { width: 100%; } }
@media (max-width: 520px) { .gw-user-center__hero { padding: 20px 17px; }.gw-user-center__identity { gap: 13px; }.gw-user-center__metrics span { padding: 0 6px; white-space: normal; }.gw-user-stat-grid, .gw-points-summary, .gw-points-actions, .gw-user-sponsor__links { grid-template-columns: 1fr; }.gw-points-level > div:first-child { align-items: flex-start; flex-direction: column; gap: 5px; }.gw-points-history__row { grid-template-columns: minmax(0, 1fr) auto; }.gw-points-history__row time { grid-column: 1; }.gw-task-center__overview { grid-template-columns: 1fr; }.gw-task-center__overview > div { padding: 16px; }.gw-user-task-modal { padding: 12px; }.gw-user-task-modal__dialog { max-height: calc(100vh - 24px); padding: 22px 18px; } }
@media (max-width: 390px) { .gw-user-center__identity h1, .gw-user-center__identity > div > span { max-width: calc(100vw - 112px); }.gw-user-center__metrics strong { font-size: 15px; }.gw-user-favorite { grid-template-columns: 1fr; }.gw-user-favorite button { width: 100%; }.gw-user-profile__grid { grid-template-columns: 1fr; } }.gw-front-page {
padding-bottom: 88px;
}
.gw-home-hero {
margin-bottom: 0;
}
.gw-home-quick {
position: relative;
z-index: 2;
margin-top: -30px;
}
.gw-home-quick__inner {
border: 1px solid rgba(255, 255, 255, .7);
box-shadow: 0 14px 36px rgba(31, 35, 53, .1);
}
.gw-home-quick__item {
min-height: 90px;
border-radius: 0;
}
.gw-home-quick__item:first-child {
border-radius: 8px 0 0 8px;
}
.gw-home-quick__item:last-child {
border-radius: 0 8px 8px 0;
}
.gw-home-section {
padding-top: 72px;
}
.gw-home-section__header {
align-items: end;
padding-bottom: 18px;
border-bottom: 1px solid var(--gw-border);
}
.gw-home-section__header h2,
.gw-home-list-card__header h2 {
letter-spacing: 0;
}
.gw-home-section__label,
.gw-section-label,
.gw-page-kicker {
color: var(--gw-primary);
font-size: 10px;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.2;
}
.gw-home-games__grid,
.gw-home-tutorial-grid {
gap: 18px;
}
.gw-home-knowledge-map {
gap: 12px;
}
.gw-home-knowledge-card {
min-height: 194px;
background: var(--gw-white);
border: 1px solid var(--gw-border);
border-top: 3px solid var(--gw-primary);
border-radius: 8px;
box-shadow: none;
}
.gw-home-knowledge-card::before {
opacity: .3;
}
.gw-home-knowledge-card--orange {
border-top-color: #d18a37;
}
.gw-home-knowledge-card--cyan {
border-top-color: #2b9bb2;
}
.gw-home-knowledge-card--pink {
border-top-color: #bf6284;
}
.gw-home-knowledge-card--green {
border-top-color: #4f9a6f;
}
.gw-home-knowledge-card__number {
color: #d9deea;
}
.gw-home-knowledge-card__english,
.gw-home-knowledge-card p {
color: var(--gw-text-secondary);
}
.gw-home-knowledge-card h3 {
color: var(--gw-heading);
}
.gw-home-knowledge-card__links a {
border-radius: 4px;
}
.gw-home-game-card,
.gw-home-tutorial-card,
.gw-home-list-card {
border: 1px solid var(--gw-border);
border-radius: 8px;
box-shadow: none;
}
.gw-home-game-card:hover,
.gw-home-tutorial-card:hover,
.gw-home-list-card:hover {
box-shadow: 0 12px 28px rgba(26, 31, 48, .08);
}
.gw-home-list-card {
background: var(--gw-white);
}
.gw-home-list-card__header {
border-bottom: 1px solid var(--gw-border-light);
}
.gw-home-content-item {
min-height: 112px;
}
.gw-home-content-item__thumb {
border-radius: 6px;
}
.gw-home-community {
border-radius: 8px;
}
.gw-wiki-single {
--gw-article-primary: #6b58cf;
--gw-article-primary-dark: #5745b6;
padding: 42px 0 88px;
}
.gw-wiki-breadcrumb {
margin-bottom: 22px;
}
.gw-wiki-hero-card,
.gw-wiki-content,
.gw-author-card {
border-radius: 8px;
box-shadow: none;
}
.gw-wiki-hero-card {
overflow: hidden;
}
.gw-wiki-content {
padding: 42px clamp(24px, 5vw, 62px);
}
.gw-wiki-content__topline {
margin-bottom: 30px;
}
.gw-wiki-content__body {
font-size: 16px;
line-height: 1.9;
}
.gw-wiki-content__body h2 {
margin-top: 2.45em;
padding-top: .1em;
font-size: 25px;
}
.gw-entry--article .gw-wiki-main-layout {
grid-template-columns: minmax(0, 820px) 250px;
justify-content: center;
}
.gw-entry--article .gw-wiki-content {
border-top: 3px solid var(--gw-primary);
}
.gw-entry--article .gw-wiki-author-sidebar {
padding-top: 0;
}
.gw-entry--article .gw-wiki-recommend {
margin-top: 44px;
}
@media (max-width: 900px) {
.gw-home-section {
padding-top: 54px;
}
.gw-home-quick__item:first-child,
.gw-home-quick__item:last-child {
border-radius: 0;
}
.gw-wiki-single {
padding-top: 26px;
}
.gw-entry--article .gw-wiki-main-layout {
display: block;
}
.gw-entry--article .gw-wiki-author-sidebar {
margin-top: 24px;
}
}
@media (max-width: 640px) {
.gw-front-page {
padding-bottom: 56px;
}
.gw-home-quick {
margin-top: -18px;
}
.gw-home-section {
padding-top: 42px;
}
.gw-wiki-content {
padding: 28px 20px;
}
}
.gw-submission-references{margin-top:34px;padding-top:22px;border-top:1px solid var(--gw-border-light)}.gw-submission-references h2{margin:0 0 12px;color:var(--gw-heading);font-size:18px}.gw-submission-references ul{margin:0;padding-left:20px}.gw-submission-references a{color:var(--gw-primary)} .gw-home-recommendations { background: #fbfbfe; }
.gw-home-recommendations__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.gw-home-recommendation-card { overflow: hidden; background: var(--gw-white); border: 1px solid var(--gw-border); border-radius: 8px; box-shadow: 0 8px 24px rgba(31, 35, 53, .04); }
.gw-home-recommendation-card__media { display: block; aspect-ratio: 5 / 3; overflow: hidden; background: #edf0f7; }
.gw-home-recommendation-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.gw-home-recommendation-card:hover .gw-home-recommendation-card__media img { transform: scale(1.03); }
.gw-home-recommendation-card__media > span { display: grid; width: 100%; height: 100%; place-items: center; color: var(--gw-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.gw-home-recommendation-card__body { padding: 13px; }
.gw-home-recommendation-card__category { color: var(--gw-primary); font-size: 11px; font-weight: 800; }
.gw-home-recommendation-card h3 { margin: 6px 0 0; font-size: 15px; line-height: 1.4; }
.gw-home-recommendation-card h3 a:hover { color: var(--gw-primary); }
.gw-home-recommendation-card p { display: -webkit-box; margin: 7px 0 0; overflow: hidden; color: var(--gw-text-secondary); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gw-home-recommendation-card__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 10px; color: var(--gw-text-muted); font-size: 11px; }
.gw-home-recommendation-card__meta span:nth-child(2) { color: #b87820; font-weight: 700; }
@media (max-width: 1050px) { .gw-home-recommendations__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) { .gw-home-recommendations__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .gw-home-recommendations__grid { grid-template-columns: 1fr; } }
.gw-home-random-galgame { display: block; width: 100%; margin-top: 14px; }
.gw-home-random-galgame__label { color: var(--gw-text-muted); font-size: 12px; font-weight: 700; }
.gw-home-random-galgame__button {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
width: 100%;
min-height: 52px;
padding: 8px 14px;
border: 1px solid rgba(124, 92, 255, .24);
border-radius: 8px;
background: var(--gw-primary);
color: #fff;
font: inherit;
cursor: pointer;
box-shadow: 0 12px 24px rgba(124, 92, 255, .18);
transition: background var(--gw-transition-fast), transform var(--gw-transition-fast), box-shadow var(--gw-transition-fast);
}
.gw-home-random-galgame__button span,
.gw-home-random-galgame__button small { min-width: 0; text-align: left; }
.gw-home-random-galgame__button span { font-size: 15px; font-weight: 800; line-height: 1.2; }
.gw-home-random-galgame__button small { grid-column: 1; margin-top: 3px; color: rgba(255,255,255,.76); font-size: 12px; font-weight: 650; line-height: 1.2; }
.gw-home-random-galgame__button b { grid-column: 2; grid-row: 1 / span 2; font-size: 18px; line-height: 1; }
.gw-home-random-galgame__button:hover { background: var(--gw-primary-hover); color: #fff; box-shadow: 0 14px 28px rgba(124, 92, 255, .24); transform: translateY(-1px); }
.gw-home-random-galgame__button:disabled { cursor: wait; opacity: .65; } .gw-home-hero__description { font-size: 17px; line-height: 1.85; }
.gw-home-quick__item { gap: 11px; padding: 0 13px; }
.gw-home-quick__icon { width: 34px; height: 34px; font-size: 12px; }
.gw-home-quick__item strong { font-size: 15px; line-height: 1.15; }
.gw-home-quick__item small { font-size: 10px; line-height: 1.1; }
.gw-home-quick__item b { font-size: 15px; }
.gw-home-section__header p,
.gw-home-section__more,
.gw-home-section__label,
.gw-section-label,
.gw-page-kicker { font-size: 13px; }
.gw-home-game-card__meta,
.gw-home-content-item__type,
.gw-home-content-item__meta,
.gw-home-tutorial-card__body > span,
.gw-home-tutorial-card__meta { font-size: 13px; }
.gw-home-game-card__body h3,
.gw-home-content-item__main h3,
.gw-home-tutorial-card h3 { font-size: 21px; line-height: 1.45; }
.gw-home-game-card__body p,
.gw-home-content-item__main p,
.gw-home-tutorial-card p { font-size: 14px; line-height: 1.72; }
.gw-home-recommendation-card__category,
.gw-home-recommendation-card__meta,
.gw-home-random-galgame__label,
.gw-home-random-galgame__button { font-size: 13px; }
.gw-home-recommendation-card h3 { font-size: 18px; line-height: 1.45; }
.gw-home-recommendation-card p { font-size: 14px; line-height: 1.7; }
@media (max-width: 640px) {
.gw-home-hero__description { font-size: 15px; }
.gw-home-section__header p,
.gw-home-section__more,
.gw-home-section__label,
.gw-section-label,
.gw-page-kicker,
.gw-home-game-card__meta,
.gw-home-content-item__type,
.gw-home-content-item__meta,
.gw-home-tutorial-card__body > span,
.gw-home-tutorial-card__meta,
.gw-home-recommendation-card__category,
.gw-home-recommendation-card__meta,
.gw-home-random-galgame__label,
.gw-home-random-galgame__button { font-size: 12px; }
.gw-home-game-card__body h3,
.gw-home-content-item__main h3,
.gw-home-tutorial-card h3 { font-size: 18px; }
.gw-home-game-card__body p,
.gw-home-content-item__main p,
.gw-home-tutorial-card p { font-size: 13px; }
.gw-home-recommendation-card h3 { font-size: 16px; }
.gw-home-recommendation-card p { font-size: 13px; }
.gw-home-quick__item { gap: 8px; padding: 0 10px; }
.gw-home-quick__icon { width: 31px; height: 31px; font-size: 11px; }
.gw-home-quick__item strong { font-size: 14px; }
.gw-home-quick__item small { font-size: 9px; }
.gw-home-random-galgame__button { min-height: 50px; padding: 8px 12px; }
.gw-home-random-galgame__button span { font-size: 14px; }
.gw-home-random-galgame__button small { font-size: 11px; }
}.gw-resource-search { padding: 42px 0 76px; }
.gw-resource-search__container { max-width: 960px; }
.gw-resource-search__header { max-width: 680px; padding: 18px 0 28px; }
.gw-resource-search__header > span { color: var(--gw-primary); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.gw-resource-search__header h1 { margin: 8px 0 10px; color: var(--gw-heading); font-size: 32px; line-height: 1.22; }
.gw-resource-search__header p { margin: 0; color: var(--gw-text-secondary); font-size: 14px; line-height: 1.75; }
.gw-resource-search__workspace, .gw-resource-search__notice { border: 1px solid var(--gw-border); border-radius: 8px; background: var(--gw-white); }
.gw-resource-search__workspace { overflow: hidden; }
.gw-resource-search__content { padding: 18px; }
.gw-resource-tabs { display: flex; gap: 4px; overflow-x: auto; margin: -18px -18px 18px; padding: 10px 18px; border-bottom: 1px solid var(--gw-border-light); }
.gw-resource-tabs__tab { flex: 0 0 auto; min-height: 34px; padding: 0 14px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--gw-text-secondary); font-size: 13px; font-weight: 700; cursor: pointer; }
.gw-resource-tabs__tab:hover, .gw-resource-tabs__tab:focus-visible { color: var(--gw-heading); outline: none; }
.gw-resource-tabs__tab.is-active { border-bottom-color: var(--gw-primary); color: var(--gw-primary); }
.gw-resource-tabs__tab.is-disabled { color: var(--gw-text-muted); opacity: .65; }
.gw-resource-search__gate { padding: 28px; border: 1px solid var(--gw-border); border-radius: 10px; background: linear-gradient(135deg,#fff 0%,#f4f1ff 100%); }
.gw-resource-search__gate h1 { margin: 8px 0; font-size: 26px; }
.gw-resource-search__sponsor-note { margin: 14px 0; color: var(--gw-text-secondary); font-size: 12px; }
.gw-resource-search__gate-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.gw-resource-search__sponsor-button { min-height:36px; padding:0 14px; }
.gw-resource-search__section + .gw-resource-search__section { margin-top: 24px; }
.gw-resource-search__section > h2 { margin: 0 0 8px; color: var(--gw-heading); font-size: 18px; }
.gw-resource-search__disabled { margin: 0; padding: 14px; border: 1px dashed var(--gw-border); color: var(--gw-text-muted); font-size: 13px; }
.gw-resource-search__toolbar { display: flex; gap: 10px; padding: 18px; border-bottom: 1px solid var(--gw-border-light); }
.gw-resource-search__toolbar form { display: flex; flex: 1; min-width: 0; min-height: 42px; border: 1px solid var(--gw-border); border-radius: 6px; }
.gw-resource-search__toolbar input { width: 100%; min-width: 0; border: 0; padding: 0 12px; background: transparent; color: var(--gw-heading); }
.gw-resource-search__toolbar form button, .gw-resource-search__unlock { display: inline-flex; align-items: center; justify-content: center; min-width: 90px; border: 0; border-radius: 6px; padding: 0 13px; background: var(--gw-primary); color: #fff; font-size: 13px; font-weight: 750; text-decoration: none; cursor: pointer; }
.gw-resource-search__unlock { background: #263246; white-space: nowrap; }
.gw-resource-search__unlock:disabled { opacity: .6; cursor: default; }
.gw-resource-search__status { min-height: 20px; margin: 12px 18px; color: var(--gw-text-muted); font-size: 12px; }
.gw-resource-search__status.is-error { color: var(--gw-danger); }
.gw-resource-search__results { min-height: 180px; padding: 0 18px 18px; }
.gw-resource-result { display: flex; gap: 16px; padding: 18px 0; border-top: 1px solid var(--gw-border-light); }
.gw-resource-result__content { min-width: 0; }
.gw-resource-result__source { color: var(--gw-primary); font-size: 11px; font-weight: 800; }
.gw-resource-result h2 { margin: 5px 0 7px; color: var(--gw-heading); font-size: 18px; line-height: 1.35; }
.gw-resource-result p { margin: 0 0 9px; color: var(--gw-text-secondary); font-size: 13px; line-height: 1.7; }
.gw-resource-result__link { display: inline-flex; align-items: center; min-height: 32px; border: 0; padding: 0 12px; border-radius: 6px; background: var(--gw-primary); color: #fff; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.gw-resource-result__link:disabled { opacity: .65; cursor: progress; }
.gw-resource-search__empty { padding: 38px 0; color: var(--gw-text-muted); font-size: 13px; text-align: center; }
.gw-resource-search__notice { padding: 28px; }.gw-resource-search__notice p { margin: 8px 0 0; color: var(--gw-text-secondary); }
.gw-resource-search__login { display:inline-flex; margin-top:18px; min-height:38px; align-items:center; padding:0 14px; border-radius:6px; background:var(--gw-primary); color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
.gw-resource-search__safe-harbor { margin-top: 16px; padding: 17px 18px; border-left: 3px solid #c58b25; background: #fff9ed; color: var(--gw-text-secondary); }
.gw-resource-search__safe-harbor strong { color: var(--gw-heading); font-size: 13px; }
.gw-resource-search__safe-harbor p { margin: 6px 0 0; font-size: 12px; line-height: 1.75; }
.gw-resource-search__report-toggle { margin-top: 12px; min-height: 32px; padding: 0 11px; border: 1px solid var(--gw-border); border-radius: 6px; background: #fff; color: var(--gw-text-secondary); font-size: 12px; cursor: pointer; }
.gw-resource-search__report-form { display: grid; gap: 8px; margin-top: 12px; max-width: 620px; }
.gw-resource-search__report-form textarea { min-height: 90px; padding: 8px; border: 1px solid var(--gw-border); border-radius: 6px; resize: vertical; }
.gw-resource-search__report-form button { justify-self: start; min-height: 34px; padding: 0 12px; border: 0; border-radius: 6px; background: var(--gw-primary); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; } .gw-resource-search { padding: 48px 0 84px; background: linear-gradient(180deg, #fafbff 0, var(--gw-bg) 360px); }
.gw-resource-search__container { max-width: 1120px; }
.gw-resource-search__header { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; max-width:none; padding:8px 0 30px; }
.gw-resource-search__header-copy { min-width:0; }
.gw-resource-search__header .gw-resource-search__eyebrow { display:block; }
.gw-resource-search__header h1 { margin:9px 0 8px; font-size:34px; letter-spacing:-.03em; }
.gw-resource-search__header p { max-width:660px; }
.gw-resource-search__header-meta { display:grid; gap:5px; flex:0 0 min(320px, 35%); padding:14px 16px; border:1px solid rgba(124,92,255,.16); border-radius:10px; background:rgba(255,255,255,.76); }
.gw-resource-search__header-meta span { color:var(--gw-text-muted); font-size:11px; font-weight:700; }
.gw-resource-search__header-meta strong { overflow:hidden; color:var(--gw-heading); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.gw-resource-search__workspace { border-color:rgba(124,92,255,.18); border-radius:12px; box-shadow:0 16px 42px rgba(40,43,76,.08); }
.gw-resource-search__identity { padding:16px 20px; background:#fff; }
.gw-resource-search__identity > div { gap:4px; }
.gw-resource-search__identity strong { font-size:15px; }
.gw-resource-search__workbench { display:grid; grid-template-columns:220px minmax(0,1fr); min-width:0; }
.gw-resource-search__workbench[hidden] { display:none!important; }
.gw-resource-search__sources { min-width:0; padding:20px 14px; border-right:1px solid var(--gw-border-light); background:#fafaff; }
.gw-resource-search__sources-heading { display:grid; gap:5px; padding:0 8px 14px; border-bottom:1px solid var(--gw-border-light); }
.gw-resource-search__sources-heading span { color:var(--gw-primary); font-size:10px; font-weight:800; letter-spacing:.12em; }
.gw-resource-search__sources-heading strong { color:var(--gw-heading); font-size:14px; }
.gw-resource-search__source-list { display:grid; gap:5px; padding-top:12px; }
.gw-resource-search__source { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:42px; padding:0 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--gw-text-secondary); font:inherit; font-size:13px; font-weight:700; text-align:left; cursor:pointer; }
.gw-resource-search__source:hover, .gw-resource-search__source:focus-visible { border-color:rgba(124,92,255,.14); background:#fff; color:var(--gw-heading); outline:none; }
.gw-resource-search__source.is-active { border-color:rgba(124,92,255,.18); background:var(--gw-primary-soft); color:var(--gw-primary); }
.gw-resource-search__source b { display:grid; min-width:22px; height:22px; padding:0 5px; place-items:center; border-radius:99px; background:#fff; color:var(--gw-text-muted); font-size:11px; }
.gw-resource-search__source.is-active b { color:var(--gw-primary); }
.gw-resource-search__source.is-disabled { opacity:.55; }
.gw-resource-search__sources-note { margin:18px 8px 0; color:var(--gw-text-muted); font-size:11px; line-height:1.65; }
.gw-resource-search__workbench > .gw-resource-search__content { min-width:0; padding:0; }
.gw-resource-search__results-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:20px 20px 8px; }
.gw-resource-search__results-head > div { display:grid; gap:4px; }
.gw-resource-search__results-head h2 { margin:0; color:var(--gw-heading); font-size:20px; letter-spacing:-.02em; }
.gw-resource-search__results-head > strong { padding:5px 9px; border-radius:99px; background:var(--gw-bg-soft); color:var(--gw-text-muted); font-size:11px; white-space:nowrap; }
.gw-resource-search__workbench .gw-resource-tabs { margin:0; padding:14px 20px 10px; background:#fff; }
.gw-resource-search__workbench .gw-resource-tabs__tab { min-height:34px; }
.gw-resource-search__workbench .gw-resource-search__section { padding:0 20px 20px; }
.gw-resource-search__workbench .gw-resource-result { padding:18px 0; }
.gw-resource-result { gap:0; }
.gw-resource-result__content { width:100%; }
.gw-resource-result__source { display:inline-flex; padding:3px 7px; border-radius:4px; background:var(--gw-primary-soft); }
.gw-resource-result h3 { margin:8px 0 6px; color:var(--gw-heading); font-size:17px; line-height:1.4; }
.gw-resource-result p { max-width:760px; }
.gw-resource-search__gate-context { color:var(--gw-heading)!important; font-size:16px!important; font-weight:800; }
.gw-resource-search__usage-card { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:3px 12px; width:min(100%, 360px); margin:6px 0 2px; padding:12px 14px; border:1px solid rgba(124,92,255,.16); border-radius:9px; background:rgba(255,255,255,.72); text-align:left; }
.gw-resource-search__usage-card span { color:var(--gw-text-muted); font-size:11px; font-weight:700; }
.gw-resource-search__usage-card strong { color:var(--gw-primary); font-size:17px; }
.gw-resource-search__usage-card small { grid-column:1/-1; color:var(--gw-text-muted); font-size:11px; }
.gw-resource-search__token-note { color:var(--gw-primary)!important; font-weight:700; }
.gw-resource-search__safe-harbor { border-left:3px solid var(--gw-primary); border-radius:0 9px 9px 0; background:linear-gradient(135deg,#f8f6ff,#fffaf0); }
.gw-resource-search__safe-harbor strong { display:block; }
.gw-resource-search__report-toggle { border-color:rgba(124,92,255,.22); color:var(--gw-primary); font-weight:700; }
.gw-resource-search__workspace.has-access [data-resource-gate] { display:none!important; }
.gw-resource-search__workspace.has-access .gw-resource-search__identity { border-bottom-color:rgba(124,92,255,.14); background:linear-gradient(90deg,#fff,#faf9ff); }
.gw-resource-search__workspace.has-access .gw-resource-search__identity strong { color:var(--gw-primary); }
.gw-ai-search-notice__dialog { width:min(430px,100%); padding:28px; border:1px solid rgba(124,92,255,.16); border-radius:12px; background:linear-gradient(145deg,#fff,#faf9ff); box-shadow:0 22px 60px rgba(30,34,62,.2); }
.gw-ai-search-notice__dialog h2 { margin-bottom:10px; font-size:20px; letter-spacing:-.02em; }
.gw-ai-search-notice__dialog p { margin:0; font-size:13px; line-height:1.75; }
.gw-ai-search-notice__actions button { min-height:38px; border-radius:8px; font-weight:700; }
@media (max-width: 760px) {
.gw-resource-search { padding-top:28px; }
.gw-resource-search__header { display:block; padding-bottom:22px; }
.gw-resource-search__header h1 { font-size:28px; }
.gw-resource-search__header-meta { margin-top:18px; }
.gw-resource-search__workbench { display:block; }
.gw-resource-search__sources { padding:14px 14px 10px; border-right:0; border-bottom:1px solid var(--gw-border-light); }
.gw-resource-search__sources-heading { display:flex; align-items:center; justify-content:space-between; padding:0 4px 10px; }
.gw-resource-search__source-list { display:flex; gap:6px; overflow-x:auto; padding-top:10px; }
.gw-resource-search__source { flex:0 0 auto; width:auto; min-height:36px; padding:0 10px; }
.gw-resource-search__sources-note { display:none; }
.gw-resource-search__workbench .gw-resource-tabs { display:none; }
.gw-resource-search__results-head { padding:16px 16px 6px; }
.gw-resource-search__workbench .gw-resource-search__section { padding:12px 16px 16px; }
}
@media (max-width: 640px) { .gw-resource-search { padding-top: 24px; }.gw-resource-search__header h1 { font-size: 26px; }.gw-resource-search__gate { padding: 20px; }.gw-resource-search__gate-actions { justify-content:stretch; flex-wrap:wrap; }.gw-resource-search__gate-actions > * { flex:1 1 140px; } }
.gw-resource-search__identity { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border-bottom:1px solid var(--gw-border-light); background:var(--gw-bg-soft); }
.gw-resource-search__identity > div { display:grid; gap:3px; }.gw-resource-search__eyebrow { color:var(--gw-primary); font-size:10px; font-weight:800; letter-spacing:.1em; }.gw-resource-search__identity strong { color:var(--gw-heading); font-size:16px; }.gw-resource-search__identity small { color:var(--gw-text-muted); font-size:12px; }
.gw-resource-search__cost-note { color:var(--gw-primary)!important; font-weight:700; }
.gw-resource-search__favorite { min-width:64px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; color:var(--gw-text-secondary); font-size:12px; font-weight:700; cursor:pointer; }.gw-resource-search__favorite.is-favorited { border-color:rgba(124,92,255,.3); background:var(--gw-primary-soft); color:var(--gw-primary); }
.gw-resource-search__lower { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }.gw-resource-search__panel { min-width:0; padding:17px; border:1px solid var(--gw-border); border-radius:8px; background:var(--gw-white); }.gw-resource-search__panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }.gw-resource-search__panel h2 { margin:0; color:var(--gw-heading); font-size:15px; }.gw-resource-search__panel header button { border:0; background:transparent; color:var(--gw-text-muted); font-size:11px; cursor:pointer; }
.gw-resource-history-item { display:block; width:100%; padding:10px 0; border:0; border-top:1px solid var(--gw-border-light); background:transparent; color:var(--gw-text-secondary); font-size:12px; line-height:1.5; text-align:left; text-decoration:none; cursor:pointer; }
.gw-resource-confirm[hidden] { display:none; }.gw-resource-confirm { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; padding:18px; }.gw-resource-confirm__backdrop { position:absolute; inset:0; background:rgba(18,22,32,.46); }.gw-resource-confirm__dialog { position:relative; width:min(420px,100%); padding:24px; border-radius:8px; background:#fff; box-shadow:0 20px 50px rgba(18,22,32,.24); }.gw-resource-confirm__dialog h2 { margin:0 28px 12px 0; color:var(--gw-heading); font-size:20px; }.gw-resource-confirm__dialog p { color:var(--gw-text-secondary); font-size:13px; line-height:1.7; }.gw-resource-confirm__dialog > div:last-child { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }.gw-resource-confirm__dialog button { min-height:36px; padding:0 13px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; color:var(--gw-text-secondary); cursor:pointer; }.gw-resource-confirm__dialog [data-resource-confirm-submit] { border-color:var(--gw-primary); background:var(--gw-primary); color:#fff; }.gw-resource-confirm__close { position:absolute; top:10px; right:10px; width:30px; min-height:30px!important; padding:0!important; border:0!important; font-size:20px; }
.gw-resource-patch-form { display:grid; gap:10px; margin:0 18px 18px; padding:16px; border:1px solid var(--gw-border-light); border-radius:8px; background:var(--gw-bg-soft); }.gw-resource-patch-form h2,.gw-resource-patch-form p { margin:0; }.gw-resource-patch-form h2 { color:var(--gw-heading); font-size:16px; }.gw-resource-patch-form p { color:var(--gw-text-muted); font-size:12px; line-height:1.6; }.gw-resource-patch-form label { display:grid; gap:5px; color:var(--gw-heading); font-size:12px; font-weight:700; }.gw-resource-patch-form input,.gw-resource-patch-form textarea { width:100%; box-sizing:border-box; padding:9px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; font:inherit; }.gw-resource-patch-form textarea { min-height:74px; resize:vertical; }.gw-resource-patch-form button,.gw-resource-result__report { justify-self:start; min-height:34px; padding:0 12px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; color:var(--gw-text-secondary); font-size:12px; font-weight:700; cursor:pointer; }.gw-resource-patch-form button { border-color:var(--gw-primary); background:var(--gw-primary); color:#fff; }.gw-resource-result__report { margin-left:8px; }.gw-resource-modal[hidden] { display:none; }.gw-resource-modal { position:fixed; z-index:10020; inset:0; display:grid; place-items:center; padding:18px; }.gw-resource-modal__backdrop { position:absolute; inset:0; background:rgba(18,22,32,.5); }.gw-resource-modal__dialog { position:relative; width:min(420px,100%); padding:24px; border-radius:8px; background:#fff; box-shadow:0 20px 50px rgba(18,22,32,.24); }.gw-resource-modal__dialog h2 { margin:0 28px 10px 0; color:var(--gw-heading); font-size:19px; }.gw-resource-modal__dialog p { margin:0; color:var(--gw-text-secondary); font-size:13px; line-height:1.7; }.gw-resource-modal__dialog textarea { box-sizing:border-box; width:100%; min-height:96px; margin-top:12px; padding:9px; border:1px solid var(--gw-border); border-radius:6px; resize:vertical; }.gw-resource-modal__dialog > div:last-child { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }.gw-resource-modal__dialog button { min-height:36px; padding:0 13px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; color:var(--gw-text-secondary); cursor:pointer; }.gw-resource-modal__dialog [data-resource-modal-confirm] { border-color:var(--gw-primary); background:var(--gw-primary); color:#fff; }.gw-resource-modal__close { position:absolute; top:10px; right:10px; width:30px; min-height:30px!important; padding:0!important; border:0!important; font-size:20px; }
@media (max-width:640px) { .gw-resource-search__identity { align-items:flex-start; flex-direction:column; }.gw-resource-search__favorite { min-height:40px; }.gw-resource-search__lower { grid-template-columns:1fr; }.gw-resource-search__toolbar { gap:8px; }.gw-resource-search__toolbar form { width:100%; }.gw-resource-search__favorite { width:100%; }.gw-resource-patch-form { margin-right:13px; margin-left:13px; }.gw-resource-result__report { margin:8px 0 0; } }
.gw-resource-patch-form select { width:100%; box-sizing:border-box; padding:9px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; font:inherit; } body:has(.gw-resource-search--locked) { background:#fff; }
body:has(.gw-resource-search--locked) #site-header,
body:has(.gw-resource-search--locked) #site-footer,
body:has(.gw-resource-search--locked) .gw-mobile-bottom-nav { display:none; }
.gw-resource-search--locked { min-height:100vh; padding:0; background:#fff; }
.gw-resource-search--locked .gw-resource-search__container { display:grid; min-height:100vh; max-width:none; place-items:center; padding:32px 20px; }
.gw-resource-search__workspace.is-locked { width:min(100%, 460px); border:0; background:#fff; box-shadow:none; overflow:visible; }
.gw-resource-search__workspace.is-locked > :not([data-resource-gate]):not([data-resource-preparing]) { display:none!important; }
.gw-resource-search__gate { display:grid; justify-items:center; gap:10px; width:100%; padding:34px 28px; box-sizing:border-box; text-align:center; }
.gw-resource-search__gate-eyebrow { color:var(--gw-primary); font-size:11px; font-weight:800; letter-spacing:.14em; }
.gw-resource-search__gate h1 { max-width:100%; margin:0; color:var(--gw-heading); font-size:24px; line-height:1.35; overflow-wrap:anywhere; }
.gw-resource-search__gate p { margin:0; color:var(--gw-text-secondary); font-size:14px; line-height:1.7; }
.gw-resource-search__gate small { color:var(--gw-text-muted); font-size:12px; }
.gw-resource-search__gate .gw-resource-search__unlock { min-height:44px; margin-top:8px; padding:0 22px; }
.gw-resource-search__gate-status { min-height:20px; color:var(--gw-danger); font-size:12px; line-height:1.5; }
.gw-resource-search__workspace.is-preparing [data-resource-gate] { display:none!important; }
.gw-resource-search__preparing[hidden] { display:none!important; }
.gw-resource-search__preparing { display:grid; justify-items:center; gap:10px; width:100%; padding:48px 28px; box-sizing:border-box; text-align:center; }
.gw-resource-search__preparing-spinner { width:38px; height:38px; border:3px solid rgba(124,92,255,.18); border-top-color:var(--gw-primary); border-radius:50%; animation:gw-resource-preparing-spin .85s linear infinite; }
.gw-resource-search__preparing h2 { max-width:100%; margin:0; color:var(--gw-heading); font-size:24px; line-height:1.35; overflow-wrap:anywhere; }
.gw-resource-search__preparing p { margin:0; color:var(--gw-text-secondary); font-size:14px; line-height:1.7; }
.gw-resource-search__preparing strong { color:var(--gw-primary); font-size:16px; font-variant-numeric:tabular-nums; }
@keyframes gw-resource-preparing-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .gw-resource-search__preparing-spinner { animation:none; } }
@media (max-width:640px) {
.gw-resource-search--locked .gw-resource-search__container { padding:20px 16px; }
.gw-resource-search__gate { padding:24px 12px; }
.gw-resource-search__gate h1 { font-size:21px; }
.gw-resource-search__preparing { padding:36px 18px; }
.gw-resource-search__preparing h2 { font-size:21px; }
} .gw-ai-search-tooltip { position:absolute; z-index:20; left:50%; bottom:calc(100% + 9px); display:block; width:max-content; max-width:min(280px, calc(100vw - 32px)); padding:7px 10px; border-radius:5px; background:#252b37; color:#fff; font-size:11px; font-weight:500; line-height:1.5; opacity:0; pointer-events:none; transform:translate(-50%, 4px); transition:opacity .16s ease, transform .16s ease; }
.gw-ai-search-tooltip::after { position:absolute; top:100%; left:50%; border:5px solid transparent; border-top-color:#252b37; content:''; transform:translateX(-50%); }
.gw-wiki-action--ai-search { position:relative; overflow:visible; }
.gw-wiki-action--ai-search:hover .gw-ai-search-tooltip,
.gw-wiki-action--ai-search:focus-visible .gw-ai-search-tooltip { opacity:1; transform:translate(-50%, 0); }
.gw-ai-search-notice[hidden] { display:none; }
.gw-ai-search-notice { position:fixed; z-index:10020; inset:0; display:grid; place-items:center; padding:18px; }
.gw-ai-search-notice__backdrop { position:absolute; inset:0; background:rgba(18,22,32,.48); }
.gw-ai-search-notice__dialog { position:relative; width:min(420px,100%); padding:26px; border-radius:8px; background:#fff; box-shadow:0 20px 50px rgba(18,22,32,.24); }
.gw-ai-search-notice__dialog h2 { margin:0 28px 10px 0; color:var(--gw-heading); font-size:20px; }
.gw-ai-search-notice__dialog p { margin:0; color:var(--gw-text-secondary); font-size:13px; line-height:1.75; }
.gw-ai-search-notice__close { position:absolute; top:9px; right:10px; width:30px; min-height:30px; border:0; background:transparent; color:var(--gw-text-muted); font-size:20px; cursor:pointer; }
.gw-ai-search-notice__actions { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }
.gw-ai-search-notice__actions button { min-height:36px; padding:0 14px; border:1px solid var(--gw-border); border-radius:6px; background:#fff; color:var(--gw-text-secondary); cursor:pointer; }
.gw-ai-search-notice__actions button:last-child { border-color:var(--gw-primary); background:var(--gw-primary); color:#fff; }
.gw-ai-search-notice__dialog { overflow:hidden; }
.gw-ai-search-notice__visual { display:flex; align-items:center; gap:10px; margin:-4px 0 18px; }
.gw-ai-search-notice__orb { display:grid; width:42px; height:42px; place-items:center; border-radius:14px; background:linear-gradient(135deg,var(--gw-primary),#9d7cff); color:#fff; font-size:22px; box-shadow:0 8px 18px rgba(124,92,255,.26); }
.gw-ai-search-notice__label { color:var(--gw-primary); font-size:10px; font-weight:800; letter-spacing:.1em; }
.gw-ai-search-notice__countdown { display:inline-flex; align-items:center; gap:3px; margin-top:16px; padding:6px 9px; border-radius:999px; background:rgba(124,92,255,.08); color:var(--gw-text-muted); font-size:11px; }
.gw-ai-search-notice__countdown strong { min-width:13px; color:var(--gw-primary); font-variant-numeric:tabular-nums; text-align:center; }
.gw-ai-search-notice__actions { margin-top:18px; } .gw-ai-search-anchor { position:relative; z-index:4; }
.gw-ai-search-popover { top:calc(100% + 10px); right:auto; bottom:auto; left:50%; width:min(300px, calc(100vw - 28px)); padding:12px 38px 12px 14px; border:1px solid rgba(124,92,255,.2); border-radius:10px; background:linear-gradient(135deg,#252b37,#303b54); color:#fff; font-size:12px; line-height:1.6; box-shadow:0 14px 34px rgba(29,35,62,.24); transform:translateX(-50%); }
.gw-ai-search-popover::after { top:auto; right:auto; bottom:100%; left:50%; border-top:0; border-bottom-color:#252b37; }
.gw-ai-search-popover[data-placement="bottom"] { top:calc(100% + 10px); bottom:auto; }
.gw-ai-search-popover[data-placement="top"] { top:calc(100% + 10px); bottom:auto; }
.gw-ai-search-popover[data-placement="top"]::after, .gw-ai-search-popover[data-placement="bottom"]::after { top:auto; bottom:100%; border-top:0; border-bottom-color:#252b37; }
.gw-ai-search-popover__close { top:7px; right:7px; width:26px; height:26px; border-radius:7px; color:rgba(255,255,255,.78); }
.gw-ai-search-popover__close:hover, .gw-ai-search-popover__close:focus-visible { background:rgba(255,255,255,.14); color:#fff; }
@media (max-width: 760px) {
.gw-resource-search__workspace { box-shadow:0 10px 28px rgba(40,43,76,.07); }
.gw-resource-search__identity { padding:14px 16px; }
.gw-resource-search__header-meta { flex-basis:auto; }
.gw-ai-search-popover { left:0; transform:none; }
.gw-ai-search-popover::after { left:24px; }
}.gw-trending-post{position:fixed;left:24px;right:auto;bottom:24px;z-index:10031;display:flex;gap:12px;width:min(360px,calc(100vw - 40px));padding:12px 38px 12px 12px;border:1px solid var(--gw-border);border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(20,24,40,.16);animation:gw-trending-in .35s ease}.gw-trending-post__media{flex:0 0 72px;width:72px;height:72px;overflow:hidden;border-radius:7px;background:#eef0f5}.gw-trending-post__media img{display:block;width:100%;height:100%;object-fit:cover}.gw-trending-post__body{min-width:0;align-self:center}.gw-trending-post__label{display:block;color:var(--gw-primary);font-size:11px;font-weight:800}.gw-trending-post__title{display:block;margin-top:7px;color:var(--gw-heading);font-size:14px;font-weight:700;line-height:1.5;text-decoration:none}.gw-trending-post__title:hover{color:var(--gw-primary)}.gw-trending-post__close{position:absolute;top:7px;right:8px;width:26px;height:26px;border:0;background:transparent;color:var(--gw-text-muted);font-size:20px;cursor:pointer}@keyframes gw-trending-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.gw-trending-post{left:16px;right:auto;bottom:16px;width:calc(100vw - 32px)}.gw-trending-post__media{flex-basis:64px;width:64px;height:64px}}.gw-header__client-download{display:inline-flex;align-items:center;height:38px;margin-left:10px;padding:0 10px;border-radius:11px;color:var(--gw-primary);font-size:13px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.gw-header__client-download:hover{background:rgba(124,92,255,.07)}.gw-mobile-menu__client-download{display:block;margin:10px 0 0;padding:12px 14px;border-radius:7px;background:var(--gw-primary-soft);color:var(--gw-primary);font-weight:800;text-decoration:none}.gw-client-download-modal[hidden]{display:none}.gw-client-download-modal{position:fixed;z-index:11000;inset:0;display:block;padding:0;pointer-events:none}.gw-client-download-modal__backdrop{position:absolute;inset:0;background:transparent;pointer-events:none}.gw-client-download-modal__dialog{position:absolute;right:22px;bottom:22px;box-sizing:border-box;width:min(400px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow-y:auto;padding:24px 24px 22px;border:1px solid rgba(124,92,255,.18);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#faf9ff 58%,#f4f1ff 100%);box-shadow:0 20px 58px rgba(30,34,62,.22),0 2px 8px rgba(30,34,62,.08);pointer-events:auto}.gw-client-download-modal__dialog::before{position:absolute;top:0;right:24px;left:24px;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--gw-primary),#a58aff);content:""}.gw-client-download-modal__topline{display:flex;align-items:center;gap:10px;margin:2px 38px 18px 0}.gw-client-download-modal__orb{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--gw-primary),#a58aff);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(124,92,255,.22)}.gw-client-download-modal__eyebrow{color:var(--gw-primary);font-size:10px;font-weight:800;letter-spacing:.14em}.gw-client-download-modal__close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(124,92,255,.07);color:var(--gw-text-muted);font-size:21px;line-height:1;cursor:pointer}.gw-client-download-modal__close:hover,.gw-client-download-modal__close:focus-visible{background:rgba(124,92,255,.15);color:var(--gw-primary);outline:none}.gw-client-download-modal__image{display:block;width:100%;height:112px;margin:0 0 16px;object-fit:cover;border-radius:11px}.gw-client-download-modal__dialog h2{margin:0 34px 9px 0;color:var(--gw-heading);font-size:22px;line-height:1.3;letter-spacing:-.02em}.gw-client-download-modal__dialog p{margin:0;color:var(--gw-text-secondary);font-size:13px;line-height:1.7}.gw-client-download-modal__dialog ul{display:grid;gap:8px;margin:17px 0 20px;padding:0;list-style:none;color:var(--gw-text-secondary);font-size:12px;line-height:1.55}.gw-client-download-modal__dialog li{position:relative;padding-left:18px}.gw-client-download-modal__dialog li::before{position:absolute;top:.45em;left:0;width:7px;height:7px;border-radius:50%;background:var(--gw-primary);content:""}.gw-client-download-modal__dialog>a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:9px;background:var(--gw-primary);color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 8px 18px rgba(124,92,255,.2)}.gw-client-download-modal__dialog>a:hover{filter:brightness(1.04);transform:translateY(-1px)}@media(max-width:640px){.gw-client-download-modal{display:grid;place-items:center;padding:16px}.gw-client-download-modal__dialog{position:relative;right:auto;bottom:auto;width:min(420px,100%);max-height:calc(100vh - 32px);padding:22px 18px 18px;border-radius:16px}.gw-client-download-modal__image{height:96px}.gw-client-download-modal__dialog h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.gw-client-download-modal__dialog>a{transition:none!important;transform:none!important}}