.alike_sub {

    &[class^="salepreviewwidgets_SaleItemBrowserRow_"] {
        position: relative;
    }

    &[class^="salepreviewwidgets_StoreSaleItemReview_"] {
        position: initial;
    }
}

.alike_cont {

    &.type-1,
    &.type-2 {
        position: absolute;
        left: 0;
        top: 33px;
        line-height: 19px;
        z-index: 10;
    }

    &.type-2 {
        pointer-events: none;
    }

    .TopSellerCapsule &.type-2 {
        top: 45px;
    }

    .home_content.twowide &.type-2 {
        top: 68px;
    }

    .home_content.fourwide & {
        &.type-1,
        &.type-2 {
            top: 15px;
        }
    }

    .store_main_capsule & {

        &.type-1,
        &.type-2 {
            top: 42px;
        }
    }
    
    .broadcast_capsule & {
    
        &.type-1,
        &.type-2 {
            top: 47px;
        }
    }

    &.type-1 .sub_flag,
    &.type-2 .sub_flag {
        display: block;
        float: left;
        clear: left;
        margin-top: 5px;
        box-shadow: 0 0 6px 0 black;
    }
    
    &.type-3 {
        position: relative;
        font-size: 18px;
        font-family: "Motiva Sans", Sans-serif;
        font-weight: 300;
        line-height: 40px;
        color: #ffffff;
        margin: auto;
        max-width: 940px;

        .sub_flag {
            line-height: 18px;
            padding-left: 20px;
            box-shadow: 1px 1px 2px black;
			margin: 10px 0 auto -9px;
        }

        .sub_text {
			display: flex;
            width: 100%;
            margin-bottom: 1px;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);

			> *:not(span) {
				flex-grow: 0;
				flex-shrink: 0;
			}

            span {
				margin: 0 10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

			a {

				&.button {
					height: 20px;
					width: 20px;
					margin: 10px;
					margin-left: 5px;
					transition: opacity 0.4s ease-in-out;

					&:not(:hover) {
						opacity: 0.4;
					}

					&:first-of-type {
						margin-left: auto;
					}
				}

				&.link {
    				background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='external-link-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-external-link-alt fa-w-16' style='--fa-secondary-opacity: 0.1;'%3E%3Cg class='fa-group'%3E%3Cpath fill='white' d='M400 320h32a16 16 0 0 1 16 16v128a48 48 0 0 1-48 48H48a48 48 0 0 1-48-48V112a48 48 0 0 1 48-48h160a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H64v320h320V336a16 16 0 0 1 16-16z' class='fa-secondary'%3E%3C/path%3E%3Cpath fill='lightgrey' d='M512 24v128c0 21.47-26 32-41 17l-35.71-35.71L191.8 376.77a24 24 0 0 1-33.94 0l-22.63-22.63a24 24 0 0 1 0-33.94L378.76 76.68 343.05 41C328 25.9 338.66 0 360 0h128a24 24 0 0 1 24 24z' class='fa-primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
				}

				&.affiliate {
    				background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='shopping-basket' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 -50 576 544' class='svg-inline--fa fa-shopping-basket fa-w-18' style='--fa-secondary-opacity: 0.1;'%3E%3Cg class='fa-group'%3E%3Cpath fill='lightgrey' d='M242.82 38.12a32 32 0 0 0-44.7 7.06L91.34 192h79.14l79.4-109.18a32 32 0 0 0-7.06-44.7zm135.06 7.06a32 32 0 1 0-51.76 37.64L405.52 192h79.14z' class='fa-secondary'%3E%3C/path%3E%3Cpath fill='white' d='M552 192H24a24 24 0 0 0-24 24v16a24 24 0 0 0 24 24h8l26.11 182.79A48 48 0 0 0 105.63 480h364.74a48 48 0 0 0 47.52-41.21L544 256h8a24 24 0 0 0 24-24v-16a24 24 0 0 0-24-24zM200 392a24 24 0 0 1-48 0V280a24 24 0 0 1 48 0zm112 0a24 24 0 0 1-48 0V280a24 24 0 0 1 48 0zm112 0a24 24 0 0 1-48 0V280a24 24 0 0 1 48 0z' class='fa-primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
				}
			}

            @media (max-width: 768px) {
                flex-wrap: wrap;

                span {
                    order: 10;
                    white-space: normal;
                }
            }
        }

        &:hover span {
            white-space: normal;
        }

        @media (max-width: 910px) {
            margin: 15px 2%;
        }
    }

    &.type-4 {
        display: inline-block;
        position: absolute;
        margin-top: 1px;
        margin-left: 3px;

        .sub_flag {
            display: inline-block;
            margin-right: 5px;
        }
    }

    &.type-5 {
        position: absolute;
        bottom: 17px;
        width: 292px;
        text-align: center;
    }

    &.type-6 {
        position: absolute;
        bottom: 0;
        left: 9px;

        display: flex;
        z-index: 5;

        .sub_flag {
            display: inline-block;
            height: 25px;
            width: 0;
            margin-right: 5px;

            background-size: 16px;
            box-shadow: 0 -2px 6px 0 black;
            overflow: hidden;
        }
				
        .sub_flag:hover {
					filter: none; /* Bugfix filter doesn't allow hover effect for children */
				}
    }
}

.as_show_order_input .alike_cont.type-5 {
    left: 56px;
}

#wishlist_ctn:not(.compact) .alike_cont.type-5 .sub_flag {
    font-size: 11px;
    background-size: 14px 14px;
    line-height: 2;
}

.compact {
    .alike_cont.type-5 {
        bottom: 5px;
        left: 4px;
        width: 162px;
    }

    &.as_show_order_input .alike_cont.type-5 {
        left: 44px;
    }
}

.hover_info {
    position: absolute;

    background: white;
    color: black;

    margin-left: 6px;
    padding: 6px 6px 7px;

    white-space: nowrap;
    pointer-events: none;
    box-shadow: 2px -2px 6px 0 black;
    border-top-right-radius: 6px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.sub_flag:hover {
	z-index: 1;

	> .hover_info {
		opacity: 1;
	}
}

.alike_cont .sub_flag,
.ag_changes .ag_tab .game .sub_flag {
    color: white;
    font-size: 10px;
    padding: 0 6px 0 18px;
}

.alike_cont .leaving,
.ag_changes .ag_tab .game .leaving {
    filter: grayscale(40%);
}

.alike_cont .left,
.ag_changes .ag_tab .game .left {
    filter: grayscale(100%);
}

.alike_cont .soon,
.ag_changes .ag_tab .game .soon {
    filter: hue-rotate(30deg);
}

.alike_cont .gamepass,
.ag_changes .ag_tab .game .gamepass {
    background-color: #107c0f;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 373 373" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M167.617 371.807c-28.683-2.747-57.723-13.048-82.669-29.324-20.904-13.639-25.625-19.246-25.625-30.435 0-22.475 24.712-61.84 66.993-106.716 24.012-25.486 57.46-55.36 61.077-54.551 7.031 1.573 63.251 56.411 84.297 82.225 33.28 40.822 48.581 74.246 40.808 89.147-5.909 11.328-42.573 33.467-69.508 41.973-22.2 7.01-51.356 9.981-75.373 7.681zM31.089 288.68C13.718 262.031 4.942 235.795.705 197.848c-1.4-12.53-.898-19.697 3.177-45.415 5.079-32.054 23.333-69.136 45.267-91.957 9.342-9.72 10.176-9.957 21.563-6.121 13.829 4.659 28.596 14.858 51.499 35.567l13.362 12.083-7.297 8.964c-33.872 41.612-69.629 100.597-83.105 137.089-7.326 19.839-10.281 39.753-7.129 48.044 2.128 5.597.173 3.511-6.953-7.422zm304.916 4.533c1.716-8.377-.455-23.763-5.542-39.28-11.016-33.606-47.839-96.124-81.652-138.631l-10.645-13.381 11.516-10.574c15.036-13.806 25.476-22.074 36.74-29.094 8.889-5.54 21.592-10.445 27.052-10.445 3.366 0 15.217 12.299 24.784 25.721 14.817 20.788 25.718 45.987 31.24 72.219 3.569 16.95 3.866 53.232.575 70.14-2.701 13.876-8.403 31.875-13.966 44.082-4.168 9.146-14.535 26.91-19.078 32.691-2.336 2.971-2.338 2.965-1.024-3.448zM170.689 45.462c-15.602-7.922-39.67-16.427-52.965-18.715-4.661-.802-12.612-1.249-17.669-.994-10.97.554-10.48-.02 7.118-8.334 14.63-6.912 26.833-10.976 43.4-14.455 18.636-3.913 53.666-3.959 72.005-.094 19.808 4.174 43.133 12.854 56.276 20.942l3.907 2.404-8.963-.453c-17.81-.899-43.766 6.296-71.632 19.858-8.406 4.09-15.718 7.357-16.25 7.26-.533-.098-7.385-3.436-15.227-7.419z"/%3E%3C/svg%3E');
}

.alike_cont .gamepasspc,
.ag_changes .ag_tab .game .gamepasspc {
    background-color: #107c0f;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 373 373" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 31.391v310.218h166.816V31.391H0zm142.915 23.9v262.418H23.9V55.291h119.015zM47.801 269.42v23.901h71.214V269.42H47.801zm0-47.313v23.9h71.214v-23.9H47.801zm0-142.915v23.9h71.214v-23.9H47.801z"/%3E%3Cpath d="M166.816 217.229a441.445 441.445 0 0114.275-15.874c18.728-19.878 44.816-43.179 47.637-42.548 5.484 1.227 49.333 43.998 65.748 64.132 25.957 31.839 37.891 57.908 31.828 69.53-4.609 8.836-33.205 26.103-54.213 32.737-17.315 5.468-40.055 7.785-58.787 5.991-15.763-1.51-31.664-5.944-46.488-12.873V217.229zm177.822 52.668c1.339-6.533-.355-18.534-4.322-30.636-8.592-26.211-37.312-74.972-63.685-108.125l-8.302-10.437 8.982-8.247c11.727-10.768 19.87-17.217 28.655-22.692 6.933-4.321 16.841-8.147 21.099-8.147 2.626 0 11.869 9.593 19.331 20.061 11.556 16.214 20.058 35.868 24.365 56.328 2.784 13.22 3.016 41.518.449 54.706-2.107 10.822-6.554 24.86-10.893 34.381-3.251 7.134-11.337 20.989-14.88 25.498-1.822 2.317-1.824 2.312-.799-2.69zM166.816 101.709c3.415 2.829 7.086 6.026 11.073 9.631l10.422 9.425-5.691 6.991c-5.26 6.462-10.578 13.461-15.804 20.75v-46.797zm0-47.225c11.122-5.205 20.521-8.305 33.194-10.967 14.536-3.052 41.857-3.087 56.161-.073 15.449 3.256 33.641 10.026 43.892 16.334l3.048 1.875-6.991-.354c-13.891-.701-34.135 4.911-55.87 15.489-6.556 3.19-12.259 5.738-12.674 5.662-.416-.076-5.76-2.68-11.876-5.786-12.169-6.179-30.941-12.813-41.31-14.597-2.012-.346-4.809-.608-7.574-.738v-6.845z"/%3E%3C/svg%3E');
}

.alike_cont .gamepasscon,
.ag_changes .ag_tab .game .gamepasscon {
    background-color: #107c0f;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 373 373" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M.538 209.996v117.087h45.916V373h326.008V209.996H.538zm348.966 117.087v22.959H69.413v-22.959h280.091zm0-91.833v68.875H23.496V235.25h326.008zm-67.727 28.468c-4.132 6.199-2.525 11.939 3.903 15.382 10.331 5.51 20.892-5.51 14.464-15.382-4.592-7.117-13.546-7.346-18.367 0zM56.518 209.996c-7.953-16.059-12.493-33.247-14.999-55.684-1.092-9.773-.7-15.363 2.478-35.422 3.962-25 18.199-53.922 35.306-71.722 7.287-7.581 7.937-7.766 16.818-4.774 10.786 3.634 22.304 11.589 40.167 27.741l10.422 9.424-5.691 6.991c-26.419 32.456-54.308 78.461-64.818 106.923-2.086 5.648-3.717 11.304-4.828 16.523H56.518zm43.44 0c8.951-14.621 22.39-31.653 39.532-49.847 18.728-19.878 44.816-43.178 47.637-42.547 5.484 1.227 49.333 43.998 65.748 64.131 8.228 10.093 15.047 19.607 20.33 28.263H99.958zm201.952 0a109.983 109.983 0 00-3.195-11.941c-8.592-26.211-37.312-74.972-63.685-108.125l-8.303-10.437 8.982-8.247c11.728-10.768 19.87-17.216 28.656-22.692 6.933-4.321 16.841-8.146 21.099-8.146 2.625 0 11.869 9.592 19.33 20.061 11.557 16.213 20.059 35.867 24.366 56.327 2.784 13.22 3.015 41.519.449 54.706-2.107 10.823-6.554 24.861-10.893 34.382a95.799 95.799 0 01-2.016 4.112h-14.79zM174.099 35.458c-12.169-6.179-30.941-12.812-41.31-14.597-3.636-.625-9.837-.974-13.781-.775-8.556.432-8.174-.016 5.551-6.5 11.411-5.391 20.929-8.561 33.85-11.274 14.535-3.052 41.857-3.088 56.161-.074 15.449 3.256 33.641 10.026 43.892 16.334l3.047 1.875-6.99-.353c-13.891-.701-34.136 4.91-55.87 15.488-6.556 3.19-12.259 5.738-12.674 5.663-.416-.077-5.76-2.68-11.876-5.787z"/%3E%3C/svg%3E');
}

.alike_cont .ubiplus,
.ag_changes .ag_tab .game .ubiplus {
    background-color: #428ee0;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 1000 915" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M472.56 2.075c-282.686 0-404.705 251.621-404.705 251.621l35.918 25.711s-45.199 85.954-43.948 196.202c0 225.056 179.152 437.062 442.878 437.062 239.585 0 437.497-195.006 437.497-436.509 0-314.974-244.251-474.087-467.64-474.087zm2.453 76.779c220.862 0 392.245 177.979 392.245 384.887 0 219.337-164.965 371.874-357.198 371.874-141.478 0-269.105-107.74-269.105-255.458 0-85.319 45.348-144.801 96.163-176.502l7.437 8.07c-13.907 10.881-53.56 74.577-53.56 137.183 0 116.222 91.142 196.715 205.972 196.715 146.274 0 243.828-124.76 243.828-269.618 0-168.542-148.772-311.629-327.807-311.629-99.026 0-183.073 42.587-231.368 80.182l-7.515-6.804c63.183-97.419 172.598-158.9 300.908-158.9zm-65.902 161.234c114.251 0 225.796 75.583 253.638 182.871l-10.126 3.837c-49.992-66.017-131.907-120.727-228.638-120.727-177.997 0-271.476 161.744-257.752 296.833l-10.483 3.838s-19.66-43.38-19.66-94.818c0-148.959 122.328-271.834 273.021-271.834zm75.514 186.945c54.092 0 97.349 43.842 97.349 95.886 0 43.068-27.65 68.591-27.65 68.591l32.753 22.904s-32.478 50.989-98.773 50.989c-63.416 0-119.501-51.186-119.501-120.016 0-70.924 61.006-118.354 115.822-118.354z"/%3E%3C/svg%3E');
}

.alike_cont .eaplay,
.ag_changes .ag_tab .game .eaplay {
    background-color: #ff4747;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 1000 1000" fill="white" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M499.999 1000C224.297 1000 0 775.701 0 500.001 0 224.297 224.297-.001 499.999-.001 775.698-.001 1000 224.299 1000 500.001 1000 775.7 775.699 1000 499.999 1000zm84.629-693.396H302.054l-42.874 68.901h282.249l43.199-68.901zm57.747.658L469.632 582.324H278.018l44.207-68.959H437.07l43.87-68.926H215.439l-43.861 68.926h62.896l-87.266 137.68h364.189l134.516-212.136 49.046 74.456h-44.224l-41.882 68.959h130.961l45.475 68.721h83.541L642.375 307.262z"/%3E%3C/svg%3E');
}

.alike_cont .eaplaypro,
.ag_changes .ag_tab .game .eaplaypro {
    background-color: #ff4747;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 1000' fill='white' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896.824 803.809a96.956 96.956 0 015.516-.152v-.086c54.635 0 97.309 41.379 97.309 98.171 0 56.792-42.587 98.258-97.309 98.258-54.722 0-97.395-41.523-97.395-98.171 0-2.023.054-4.026.177-6.013a502.845 502.845 0 0091.702-92.007zm5.516 166.63c-36.088 0-64.815-28.755-64.815-68.697 0-39.941 28.755-68.697 64.815-68.697 36.059 0 64.786 28.756 64.786 68.697 0 39.942-28.755 68.697-64.786 68.697zM733.474 942.025V1000h-33.15v-41.935a496.377 496.377 0 0033.15-16.04z'/%3E%3Cpath d='M805.104 895.875a501.337 501.337 0 01-71.63 46.194V888.29c0-34.35 30.02-60.01 65.95-53.281v-31.57c-29.61-3.95-53.31 9.48-65.95 37.51l.088-33.238h-33.238v150.397c-54.998 24.147-115.165 38.67-178.334 41.414v-110.49h65.965c51.473 0 88.855-34.938 88.855-80.717 0-45.778-37.267-79.911-88.855-79.911H487.857v271.45C217.751 993.395 0 771.648 0 500.001 0 224.297 224.297-.001 499.999-.001 775.698-.001 1000 224.299 1000 500.001c0 114.17-38.465 219.526-103.12 303.796-50.098 2.57-88.996 40.364-91.776 92.078zm-162.053-87.56c0-29.1-21.739-49.287-55.096-49.287H521.99v100.127h65.965c32.58 0 55.096-21.336 55.096-50.84zm-.676-501.053L469.632 582.324H278.018l44.207-68.959H437.07l43.87-68.926H215.439l-43.861 68.926h62.896l-87.266 137.68h364.189l134.516-212.136 49.046 74.456h-44.224l-41.882 68.959h130.961l45.475 68.721h83.541L642.375 307.262zm-57.747-.658H302.054l-42.874 68.901h282.249l43.199-68.901z'/%3E%3C/svg%3E");
}

.alike_cont .alike {
    background-color: #000000;
}

.alike_cont .sub_flag,
.ag_changes .ag_tab .game .sub_flag {
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 4px;
}

#ag_changes_button {
    position: static;

    padding-right: 3px;
    padding-left: 8px;
    margin: 0 5px;

    font-size: 11px;
    line-height: 20px;
    text-align: left;

    cursor: pointer;
    color: #fff;

    &:hover {
        color: #111111;
        background: #fff;
        background: linear-gradient(135deg, #fff 0%,#919aa3 100%);
    }

    .pulldown {
        display: inline-block;
        width: 19px;
        height: 12px;

        padding: 0;
        margin: 0;

        background-image: url( 'https://steamstore-a.akamaihd.net/public/images/v6/btn_arrow_down_padded_white.png' );
        background-position: right 2px;
        background-repeat: no-repeat;
    }
}

.ag_changes {
    background: linear-gradient(to bottom, #2a475e 5%, #1b2838 70%);
    box-shadow: 0 0 12px black;
    
    position: absolute;

    width: 940px;
    height: 0;
    right: 0;

    margin-top: 0;
    opacity: 0;
    
    cursor: default;
    color: #ffffff;
    transform-origin: top;
    overflow: hidden;
    z-index: 151;

    line-height: normal;
    font-size: 13px;

    &.open {
        animation: anim_open 0.2s cubic-bezier(0, 1, 0.8, 1) forwards;
        animation-timing-function: linear;
    }

    &.closed {
        animation: anim_close 0.2s cubic-bezier(0, 1, 0.8, 1);
        animation-timing-function: linear;
    }

    .ag_buttons {
        display: flex;
        background: #376d91;
    }

    .ag_button {
        border-right: 1px solid #2b526d;
        height: 33px;
        line-height: 33px;
        padding: 0 15px;
        cursor: pointer;

        &.icon {
            padding: 0 5px 0 15px;
        }

        &.active,
        &:hover {
            background: linear-gradient(to bottom, #e3eaef 5%, #c7d5e0 95%);
            color: black;
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
        }
    }

    .ag_tab {
        display: none;
        padding: 20px 0;

        select {
            width: auto;
            border: none;
        }
    }

    h1 {
        font-size: 25px;
        text-align: center;
        margin: 15px;
    }

    h2 {
        font-size: 24px !important;
        padding: 0 50px !important;
        text-transform: unset !important;
        margin: 0 !important;
    }

    h3 {
        font-size: 18px !important;
        margin-bottom: 8px;
    }

    .cont {
        position: relative;
        padding: 10px 50px;
    }

    .no_overflow {
        overflow: hidden;
    }

    .game {
        position: relative;
        height: 275px;
        width: 150px;
        flex-shrink: 0;
        margin: 9px;
        background: linear-gradient(-45deg, #407999 5%, #2a3e59 95%);
        box-shadow: 0 0 5px black;

        &:hover {
            color: #ffffff;
            text-shadow: none;
            background: linear-gradient(-45deg, #447793 5%, #528eae 95%);
        }

        img {
            box-shadow: 0 0 5px black;
            width: 100%;
            height: 225px;
            object-fit: fill;
        }

        .platforms {
            position: absolute;
            top: -8px;
            left: -5px;

            .sub_flag {
                box-shadow: 1px 1px 2px black;
                font-size: 11px;
                margin-bottom: 5px;
                display: inline-block;
            }
        }

        .date_info,
        .no_steam {
            position: absolute;
            overflow: hidden;
            text-align: center;

            left: 0;

            height: 18px;
            width: 100%;

            margin: 0;
            padding: 5px 0;
        }

        .no_steam {
            bottom: 78px;
            background: linear-gradient(135deg, rgba(255, 0, 0, 0.7) 5%, rgba(255, 0, 0, 0.3) 95%);
        }

        .date_info {
            bottom: 50px;
            background: linear-gradient(135deg, rgba(30, 70, 255, 0.7) 5%, rgba(30, 70, 255, 0.3) 95%);
        }

        .name {
            position: absolute;

            bottom: 0;
            height: 35px;
            margin: 0 8px;
            padding: 8px 0;

            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .has_leave {
            bottom: 50px;
            font-size: 10px;
            line-height: 20px;
            background: linear-gradient(135deg, rgba(30, 70, 255, 0.7) 0%, rgba(30, 70, 255, 0.3) 45%, rgba(255, 70, 30, 0.3) 55%, rgba(255, 70, 30, 0.7) 100%);
        }
    }

    .arrow {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        top: 35%;
        width: 23px;
        height: 36px;
        padding: 36px 11px;
        cursor: pointer;
        z-index: 3;
        bottom: 0;

        &.left {
            left: -46px;
            left: 0;
            background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 95%);

            &:hover {
                background: linear-gradient(to right, rgba(171, 218, 244, 0.3) 5%, rgba(171, 218, 244, 0) 95%);
            }
        }

        &.right {
            right: -46px;
            right: 0;
            background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 95%);

            &:hover {
                background: linear-gradient(to right, rgba(171, 218, 244, 0) 5%, rgba(171, 218, 244, 0.3) 95%);
            }
        }

        > div {
            background-image: url(https://store.cloudflare.steamstatic.com/public/images/v6/arrows.png);
            width: 23px;
            height: 36px;
        }

        &.left > div {
            background-position-x: 23px;
        }
    }

    .flex-box {
        display: flex;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

        > div {
            margin: 0 7px;

            &:first-child {
                margin-left: 0;
            }

            &:last-child {
                margin-right: 0;
            }
        }
    }

    p {
        margin-bottom: 15px;
    }

    .space-before {
        margin-top: 20px;
    }

    .flex-fill-child > * {
        text-align: center;
        flex-grow: 1;
    }

    .disabled {
        opacity: .3;
        filter: grayscale(1);
    }

    ul {
        margin-bottom: 8px;
        
        &.sponsors {
            line-height: 1.4;
            padding-left: 0;
            margin-top: 0;
            margin-right: 15px;
            width: 30%;
        }

        ul {
            padding-left: 15px;
        }
    }

    li {
        list-style-position: inside;
    }

    .svg i {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-bottom: -6px;
        margin-right: 6px;
    }

    .paypal {
        background-color: #0369b6;
    }

    .coffee {
        background-color: #ff813f;
    }

    .paypal i {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='white'%3E%3Cpath d='M409.713 38.624C385.842 11.584 342.642 0 287.377 0H126.993c-11.296 0-20.896 8.16-22.688 19.2L37.522 439.392c-1.312 8.288 5.152 15.776 13.6 15.776h99.008l24.864-156.48-.768 4.928c1.76-11.04 11.328-19.2 22.624-19.2h47.04c92.448 0 164.8-37.248 185.952-144.992.64-3.2 1.632-9.344 1.632-9.344 6.015-39.872-.033-66.912-21.761-91.456z'%3E%3C/path%3E%3Cpath d='M456.529 150.496c-22.976 106.08-96.288 162.208-212.64 162.208h-42.176L170.225 512h68.416c9.888 0 18.304-7.136 19.84-16.832l.8-4.224 15.744-98.912 1.024-5.44c1.536-9.696 9.952-16.832 19.808-16.832h12.512c80.864 0 144.16-32.576 162.656-126.816 7.424-37.824 3.84-69.536-14.496-92.448z'%3E%3C/path%3E%3C/svg%3E");
    }

    .coffee i {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='-198 0 1279 1279' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M791.109 297.518l-.878-.516-2.03-.619a4.833 4.833 0 002.908 1.135zM803.896 388.891l-.98.275.98-.275zM791.484 297.377a1.773 1.773 0 01-.366-.087 1.42 1.42 0 000 .244.738.738 0 00.366-.157z' fill='%230D0C22'/%3E%3Cpath d='M791.113 297.529h.131v-.082l-.131.082zM803.111 388.726l1.48-.843.551-.31.499-.533a8.447 8.447 0 00-2.53 1.686zM793.669 299.515l-1.446-1.377-.98-.533a4.077 4.077 0 002.426 1.91zM430.019 1186.18a7.55 7.55 0 00-2.943 2.27l.912-.58c.62-.57 1.497-1.24 2.031-1.69zM641.187 1144.63c0-1.3-.636-1.06-.482 3.58 0-.37.155-.75.224-1.11.086-.83.155-1.64.258-2.47zM619.284 1186.18a7.546 7.546 0 00-2.942 2.27l.912-.58c.619-.57 1.497-1.24 2.03-1.69zM281.304 1196.06a6.299 6.299 0 00-3.097-1.45c.929.45 1.858.9 2.477 1.24l.62.21zM247.841 1164.01a9.895 9.895 0 00-1.222-3.85c.474 1.23.87 2.5 1.187 3.78l.035.07z' fill='%230D0C22'/%3E%3Cpath d='M472.623 590.836c-45.941 19.667-98.077 41.966-165.647 41.966a313.577 313.577 0 01-83.623-11.528l46.733 479.806a80.166 80.166 0 0025.593 52.38 80.18 80.18 0 0054.313 21.19s66.262 3.44 88.373 3.44c23.796 0 95.151-3.44 95.151-3.44 20.12 0 39.503-7.57 54.303-21.2a80.149 80.149 0 0025.587-52.37l50.053-530.204c-22.368-7.639-44.943-12.715-70.391-12.715-44.014-.017-79.477 15.142-120.445 32.675z' fill='%23FD0'/%3E%3Cpath d='M78.689 386.132l.79.74.517.31a7.95 7.95 0 00-1.307-1.05z' fill='%230D0C22'/%3E%3Cpath d='M879.567 341.849l-7.037-35.497c-6.315-31.849-20.648-61.943-53.34-73.454-10.479-3.683-22.369-5.265-30.404-12.888-8.035-7.622-10.41-19.46-12.268-30.438-3.442-20.149-6.676-40.315-10.204-60.429-3.045-17.293-5.454-36.719-13.386-52.583-10.324-21.302-31.746-33.76-53.048-42.001a305.493 305.493 0 00-33.363-10.324C613.297 10.195 557.342 5.033 502.591 2.09a1376.266 1376.266 0 00-197.169 3.27c-48.797 4.439-100.193 9.807-146.564 26.687-16.948 6.177-34.413 13.593-47.3 26.687-15.813 16.088-20.975 40.969-9.43 61.031 8.208 14.247 22.111 24.313 36.857 30.972a298.948 298.948 0 0059.844 19.478c57.297 12.664 116.642 17.636 175.178 19.753a1333.99 1333.99 0 00194.433-6.35 1106.995 1106.995 0 0047.817-6.314c18.738-2.874 30.765-27.376 25.242-44.445-6.608-20.406-24.365-28.321-44.444-25.241-2.96.464-5.902.894-8.862 1.324l-2.133.31c-6.803.861-13.605 1.663-20.407 2.409a1083.055 1083.055 0 01-42.259 3.717c-31.626 2.202-63.337 3.217-95.031 3.269-31.144 0-62.305-.878-93.38-2.925a1187.382 1187.382 0 01-42.431-3.545 1019.94 1019.94 0 01-19.219-2.168l-6.092-.774-1.324-.189-6.315-.912c-12.905-1.945-25.81-4.181-38.577-6.883a5.8 5.8 0 010-11.322h.241c11.064-2.357 22.213-4.37 33.397-6.125 3.729-.585 7.468-1.159 11.219-1.72h.103c7.003-.465 14.041-1.722 21.009-2.547A1336.167 1336.167 0 01469.538 73.1c29.577.86 59.138 2.599 88.578 5.593a979.44 979.44 0 0118.927 2.116c2.409.293 4.835.636 7.262.93l4.886.705a678.058 678.058 0 0142.517 7.725c20.889 4.543 47.714 6.022 57.005 28.907 2.96 7.261 4.302 15.331 5.936 22.953l2.083 9.722c.054.174.094.353.12.533 4.921 22.942 9.848 45.884 14.78 68.826a12.608 12.608 0 01-2.006 9.871 12.612 12.612 0 01-8.593 5.254h-.138l-3.011.413-2.976.395c-9.43 1.228-18.87 2.375-28.322 3.442a1829.308 1829.308 0 01-55.938 5.506 1957.204 1957.204 0 01-111.55 6.074c-18.984.504-37.963.74-56.936.705a1975.736 1975.736 0 01-225.989-13.146c-8.122-.963-16.243-1.996-24.365-3.045 6.298.809-4.577-.62-6.779-.929a1447.245 1447.245 0 01-15.486-2.254c-17.327-2.599-34.55-5.799-51.843-8.604-20.906-3.441-40.9-1.72-59.81 8.604a86.994 86.994 0 00-36.012 37.338c-8.156 16.862-10.582 35.221-14.23 53.34C4 342.193-1.678 361.688.473 380.288 5.1 420.431 33.165 453.054 73.53 460.35c37.975 6.882 76.156 12.457 114.44 17.206a2114.804 2114.804 0 00489.988 2.822 25.814 25.814 0 0121.003 7.339 25.806 25.806 0 017.491 20.948l-3.82 37.132-23.091 225.077a178840.62 178840.62 0 01-31.126 302.866c-2.203 21.84-2.512 44.36-6.659 65.94-6.539 33.93-29.509 54.77-63.027 62.39a439.172 439.172 0 01-93.569 10.94c-34.912.19-69.806-1.36-104.718-1.17-37.27.21-82.918-3.23-111.687-30.97-25.277-24.36-28.77-62.51-32.211-95.5-4.588-43.67-9.136-87.331-13.645-130.989l-25.293-242.766-16.363-157.077c-.276-2.598-.551-5.162-.809-7.778-1.962-18.737-15.228-37.079-36.134-36.133-17.894.791-38.232 16.002-36.133 36.133l12.13 116.454 25.087 240.89a378681.11 378681.11 0 0121.388 205.306c1.377 13.11 2.667 26.26 4.112 39.37 7.864 71.65 62.58 110.26 130.339 121.13 39.575 6.37 80.113 7.68 120.273 8.33 51.482.83 103.48 2.81 154.118-6.52 75.038-13.77 131.337-63.87 139.372-141.59 2.295-22.44 4.589-44.88 6.883-67.33 7.628-74.241 15.245-148.487 22.85-222.739l24.881-242.61 11.408-111.188a25.812 25.812 0 0120.785-22.696c21.456-4.181 41.967-11.322 57.229-27.651 24.295-25.998 29.13-59.895 20.544-94.067zM72.43 365.835c.327-.155-.275 2.649-.533 3.957-.052-1.979.051-3.734.533-3.957zm2.082 16.105c.172-.121.688.568 1.222 1.394-.809-.758-1.325-1.325-1.24-1.394h.018zm2.048 2.701c.74 1.256 1.135 2.048 0 0zm4.112 3.338h.103c0 .121.19.241.258.362a2.666 2.666 0 00-.378-.362h.017zm720.124-4.99c-7.708 7.33-19.323 10.737-30.8 12.441-128.704 19.099-259.283 28.769-389.399 24.502-93.121-3.183-185.261-13.525-277.453-26.55-9.034-1.273-18.824-2.925-25.036-9.584-11.7-12.561-5.953-37.854-2.908-53.03 2.788-13.903 8.122-32.434 24.657-34.413 25.81-3.028 55.783 7.863 81.318 11.735a1539.798 1539.798 0 0092.57 11.27c132.18 12.045 266.58 10.169 398.175-7.45a1661.103 1661.103 0 0071.699-11.236c21.216-3.803 44.737-10.943 57.556 11.029 8.792 14.97 9.962 34.998 8.603 51.912a28.942 28.942 0 01-8.999 19.374h.017z' fill='%230D0C22'/%3E%3C/svg%3E");
    }
}

@keyframes anim_open {
    0% {
        height: 0;
        opacity: 0;
    }

    1% {
        height: auto;
    }

    100% {
        height: auto;
        opacity: 1;
    }
}

@keyframes anim_close {
    0% {
        height: auto;
        opacity: 1;
    }

    99% {
        height: auto;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

// Steam fix

.game_area_purchase_game_dropdown_subscription.game_area_purchase_game {
    z-index: unset !important;
}