.button{font-weight:500;border:3px solid var(--color-button);border-radius:1rem;font-style:italic}.button:disabled{color:var(--text-color-button-disabled);border:.25rem solid var(--color-button-disabled)}.button:hover:enabled,.button:focus:enabled{color:var(--color-button-hover);border:3px solid var(--color-button-hover)}.button.button-primary{background-color:var(--background-color-primary-button);color:var(--text-color);font-size:1.125rem}.button.button-secondary{background-color:transparent;color:var(--color-button)}.game__back{margin-left:0}.logo-primary .game__logo path{fill:var(--orange)}.logo-secondary .game__logo path{fill:var(--dark-gray)}.game__header{margin-bottom:6rem;min-height:11rem;justify-content:space-between}.game__screen{color:var(--text-color);display:flex;flex-direction:column;height:28rem}.error-screen{gap:3rem;align-items:center}.error-screen__text{margin:0}.error-screen__rules{display:flex;flex-direction:column;gap:1rem;margin-top:4.5rem}.error-screen__rules-list{display:grid;justify-items:start;margin:0}.error-screen__button{margin-top:auto}.toast{align-items:center;border-radius:.5rem;background-color:var(--beige);box-shadow:0 1rem 1rem #0000001a;display:grid;gap:.5rem 1rem;grid-template-areas:"icon title close" "icon text close";grid-template-columns:min-content 1fr min-content;min-height:4rem;padding:.75rem 1.5rem;width:100%;max-width:29rem}.toast-icon{grid-area:icon;display:flex;align-items:center;justify-content:center}.toast-close-button{display:flex;background-color:transparent;border:none;box-shadow:none;grid-area:close;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:.25rem}.closing-cross{align-self:center}.closing-cross path{stroke:var(--gray);transition:stroke .2s ease}.closing-cross:hover path{stroke:var(--dark-gray)}.toast-title{font-size:1rem;font-weight:600;grid-area:title;margin:0}.toast-text{color:var(--dark-gray);font-size:.75rem;font-weight:600;grid-area:text;margin:0;width:100%}.circle-plus,.circle-check,.info{grid-area:icon;height:1.25rem;width:1.25rem}.toast-error{border-left:5px solid var(--text-color-error)}.toast-error .toast-title{color:var(--text-color-error)}.toast-error .circle-plus{transform:rotate(45deg)}.toast-error .circle-plus path{stroke-width:1;stroke:var(--text-color-error)}.toast-success{border-left:5px solid var(--text-color-success)}.toast-success .toast-title{color:var(--text-color-success)}.toast-success .circle-check path{stroke:var(--text-color-success)}.toast-info{border-left:5px solid var(--text-color-info)}.toast-info .toast-title{color:var(--text-color-info)}.toast-info .info path{stroke:var(--text-color-info)}.notifications-list{display:grid;gap:1rem;position:fixed;right:2rem;top:3.75rem;width:29rem;z-index:100}:root{--orange: #ff9749;--light-orange: #ffc396;--dark-orange: #f86d02;--dark-gray: #333d33;--gray: #808080;--beige: #f0eed5;--red: #fe3d33;--green: #0b7005;--blue: #1e90ff;--h2-font-size: 2rem;--background-color-primary-button: var(--beige);--text-color: var(--dark-gray);--color-button-disabled: var(--light-orange);--text-color-button-disabled: var(--gray);--color-button: var(--orange);--color-button-hover: var(--dark-orange);--text-color-error: var(--red);--text-color-success: var(--green);--text-color-info: var(--blue)}.link{border-radius:1rem;border:3px solid var(--color-button);color:var(--dark-gray);font-style:italic;font-weight:500;padding:.5rem 1.25rem;text-decoration:none}.link:hover,.link:focus{color:var(--color-button-hover);border:3px solid var(--color-button-hover)}.main__title{font-size:var(--h2-font-size);margin:0;text-align:center;font-style:italic;font-weight:400}.replay{font-size:1.25rem}
