#game-details.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{display:flex;flex-direction:row;position:absolute;background:var(--background-3);color:var(--color-2);box-shadow:0 2px 10px var(--color-active-1);border-radius:5px;overflow:hidden}#game-details.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm:not(.active){opacity:0;pointer-events:none}#game-details.trans.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{transition:top .2s,left .2s,width .2s,height .2s}#game-details.left.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{flex-direction:row-reverse}#game-details.inactive.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{background:var(--background-2);box-shadow:0 0 5px #000;transition:background .2s .2s,box-shadow .2s .2s,top .2s,left .2s,width .2s,height .2s}#game-detail-card.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{flex:1 1;max-width:100%;display:block;text-decoration:none;transition:max-width .2s}.info.svelte-4rirnm #game-detail-card.svelte-4rirnm.svelte-4rirnm{max-width:calc(100% - 350px)}#game-details.svelte-4rirnm:not(.inactive) .thumb picture{animation:.2s svelte-4rirnm-thumb-zoom;box-shadow:0 0 2px #0007}#game-details.svelte-4rirnm .thumb .notes{transition:box-shadow .2s}#game-details.info.svelte-4rirnm .thumb .notes{box-shadow:inset -5px 0 4px -5px #0007}#game-details.info.left.svelte-4rirnm .thumb .notes{box-shadow:inset 5px 0 4px -5px #0007}@keyframes svelte-4rirnm-thumb-zoom{0%{transform:scale(1.2)}to{transform:none}}#game-details.svelte-4rirnm .notified-tags{animation:.2s svelte-4rirnm-notif-tag-in}#game-details.svelte-4rirnm:not(.inactive) .notified-tags{animation:.2s svelte-4rirnm-notif-tag-out;opacity:0;transform:translate(100%)}@keyframes svelte-4rirnm-notif-tag-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(100%)}}@keyframes svelte-4rirnm-notif-tag-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}#game-detail-info.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{display:block;text-decoration:none}h3.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{font-family:var(--content-font);font-weight:400;margin:0;display:inline}.rating.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{font-family:var(--content-font);font-size:12px}.rating.svelte-4rirnm svg{vertical-align:-3px}#game-detail-info.svelte-4rirnm .rating.svelte-4rirnm svg{vertical-align:-3.5px}.rating.svelte-4rirnm>.svelte-4rirnm.svelte-4rirnm:last-child{text-align:right;float:right}#game-detail-info.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{width:334px;flex:0 0 334px;min-width:334px;padding:6px 8px;margin-right:-350px;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}.left.svelte-4rirnm #game-detail-info.svelte-4rirnm.svelte-4rirnm{margin-left:-350px;margin-right:0}.info.svelte-4rirnm #game-detail-info.svelte-4rirnm.svelte-4rirnm{transition:margin .2s;margin:0}.inactive.svelte-4rirnm #game-detail-info.svelte-4rirnm.svelte-4rirnm{transition:margin .2s}#game-detail-info.svelte-4rirnm h3.svelte-4rirnm.svelte-4rirnm{font-family:var(--header-font);font-size:18px}#game-detail-info.svelte-4rirnm .author.svelte-4rirnm.svelte-4rirnm{font-size:12px}#game-detail-info.svelte-4rirnm .rating.svelte-4rirnm.svelte-4rirnm{font-size:14px;display:flex;flex-direction:row;margin:3px 0}#game-detail-info.svelte-4rirnm .rating.svelte-4rirnm>.svelte-4rirnm{padding-right:10px}#game-detail-info.svelte-4rirnm .rating.svelte-4rirnm>.svelte-4rirnm:last-child{flex:1 1;padding-right:0}#game-detail-info.svelte-4rirnm .rating h1.svelte-4rirnm.svelte-4rirnm{font-size:12px;font-weight:400;margin-block:0;color:var(--color-4)}#game-detail-info.svelte-4rirnm .button.svelte-4rirnm.svelte-4rirnm{height:20px;font-size:12px;line-height:20px;background:var(--background-4);padding:0 6px;text-decoration:none}#game-detail-info.svelte-4rirnm .button.svelte-4rirnm.svelte-4rirnm:hover{background:var(--background-active-4);text-decoration:1px underline}#game-detail-info.svelte-4rirnm .button.tag.custom.svelte-4rirnm.svelte-4rirnm{background:var(--tag-border-bg),var(--background-4)}#game-detail-info.svelte-4rirnm .button.tag.custom.svelte-4rirnm.svelte-4rirnm:hover{background:var(--tag-border-bg),var(--background-active-4)}.with-line-limit.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.tags.svelte-4rirnm.svelte-4rirnm.svelte-4rirnm{margin:0 -2px -2px;padding:0 0 2px 2px}.tags.svelte-4rirnm .tag{box-shadow:0 0 2px #0007}
