.Lopwon_Days_Pro *,
.Lopwon_Days_Pro *::before,
.Lopwon_Days_Pro *::after {
	box-sizing: inherit;
}

.clamp {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.Lopwon_Days_Pro {
	padding: 2em 0;
	max-width: 1170px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
}

.Lopwon_Days_Pro-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.Lopwon_Days_Pro-wrap > a {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0.25em;
	padding: 0.5em;
	width: 100%;
	height: 100%;
	min-height: 96px;
	border: 0;
	border-radius: 0.5em;
	background-color: #f8f8f8;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.Lopwon_Days_Pro-wrap > a:hover {
	box-shadow: 0px 10px 15px -10px rgba(0 0 0 / 25%);
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translate(0,-3px);
	transform: translate(0,-3px);
}

.Lopwon_Days_Pro-item {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
}

.Lopwon_Days_Pro-diff {
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: calc(96px - 1em);
	height: calc(96px - 1em);
}

.Lopwon_Days_Pro-diff span {
	font-size: clamp(1.6em, 2.4em, 65px);
	color: #ff5f5f;
}

.Lopwon_Days_Pro-meta {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin-left: 0.5em;
	flex-shrink: 0;
	width: calc(100% - 96px + 0.5em);
	height: calc(96px - 1em);
}

.Lopwon_Days_Pro-info {
	font-size: clamp(1.2em, 1.3em, 1.4em);
	color: #696969;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.Lopwon_Days_Pro-date,
.Lopwon_Days_Pro-suffix {
	font-size: clamp(75%, 87.5%, 100%);
	color: #969696;
	-webkit-line-clamp: 1;
	line-clamp: 1;
}

.Lopwon_Days_Pro-icon {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAE/klEQVR4Ae3azWtUZxTHcW8yk3Emi3btqqWRgqDiRK1DbjIN0S5LipSW7oX4orQ16ELRbMRFMiYxwU2gkH9BumitW4u7loKaIRrFF9OIlkpjjEnq6bcLoQyT85zpzFyfm8kPPn+AXyZm7skNRGTD6ltfE7StT0Sq4sG+xCx+RFuN//2xDpRCP6YgWMAPCNHwgZIYg5TxFD2NHKgZYxDFHLobMVCAixCDx8g3WqBxSAUeIWyUQGMQVOoBwrUeaBRShXvoWKuBRiAOZ3DNEClca4EscSaQwFYUIYq7CNdKoGGIwyW04s32GCLNoDPugQp4DVGMIoPSdWDKECmMY6AABaxAFENIY7V14qbhxy0fp0ABLmAZojiPFFzrwg2I4j664xAoiWEsQVaxjAG0wD17pAfo8TlQCgVHnFc4jWZUujxuQRQPsdfHQBkMO/7PWcRJVLMuw2+3WezzKVASgxDFCxxHLRYaIs0h9CVQL5474hxDLZfDNERxFW0+BJp0xDmCemw7fnb8SF/xIdBlJc4h1HMDji+isz4E+hpSYgF9qNfSmIAo7uBzHwJtKnkCf4kDqNdacAni8K1Pv+Z3oIhl9EFbE3LI40NUsoTxpjSGhG9fFLPYD21bMIkneI7f8B4sCzAIcRiP68FsV5kHzwX0wLJzEIeLCOIYqB23V/nb10dw7azxx6o5jgezbNk4wCRaoe0UVgxxklE/zffiO1xGP96tcZwZtEHbCSwZDm6pqO9BQ3gGgeBvXMe2CuMUle8ou6HtOBYhihFsjPqiWICs4iZyljjKuXQaO6HtGF4YPjnpKG/S1jNpryuOcrcpoh3ajmLe8MnJgEUQyHgmfYmDSP/POLcMcY444qxgGGmwCAIZz6Tz6HO8ydZeRZwmHHbEWUIBKbAIAhnPpPM4XOc4fYY4w0iCRRCIpQ1n0nn9nmOKk3U8lR/ES8eR/wICsAgCsQxGII44Rw1xinocdb0QxQoKCMAiCMTSGIVUeSbdqZw9p5CFaznHHwYLkb6CxzYaPjmLhgP7btxRfpVnYd02XC+5DP6BIbCIArGU4ZOzhBPQ1oYZSBm3kUWlewcncRmT+AwsokD626QAVnAK2loxqceJftUEsr1NCpyFazn8uUqcdrAYBargbdJzsOxj/FXm+WwXWPwCjUMcBhHAsvfxCxbxDJPYAm37kfUqEEsYf6xGkajwYLYZexGiGdr6sIwidvgU6Bvja28tdbwoHij5hnwNm956IPYF7kEUE0jX8eTahwVIiX4fAv2uhHmNgTrfpA8px67v31ag/z5p/4oXKLcAnwRBsH1DfXYEg8ig3Obe+q859gF+giimkavpJ8h9Jn2OT335TzrEHERRRFijQMfVOMAgWjwIBLB9mDVE6qoy0EksGs6kGR+/KO7FQ4jiFvKodM04jVf2M6mfz2I9eABR3EAXrGvBAJatZ1JPAwGsG/drFCmF8xDrmdTzQADL4y5EcROdjhvyUMVnUv8DASzEDEQxhQ6ULmM4uL1GwfOneR3rNEQqYg/erNX42tswWGwDASzEXUOkrUhgAuIwErt7kDOS+6H2Gs74FifKv6x2KJGsRsHWXCCAhfr3JNUYWJwD2SM9glRgHGzNBwJYHo8h1rdJGysQY92Ys7xNCtZogRjrwVMlThKsUQMxFuIKXkEwjX6kwNYD/bvNuIon+ArK/A8U6Eev9TVB2fr+Aar6xTgx0bX6AAAAAElFTkSuQmCC);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
	opacity: .3;
}

.Lopwon_Days_Pro-wrap > a:hover .Lopwon_Days_Pro-icon {
	opacity: .7;
}