.itr{--itr-acc:#0E7A5F;--itr-acc2:#12A07B;--itr-gold:#D4A24C;--itr-tint:rgba(14,122,95,.10);--itr-tint2:rgba(14,122,95,.05);--itr-line:rgba(128,128,128,.28);--itr-soft:rgba(128,128,128,.08)}
.itr,.itr *,.itr *:before,.itr *:after{box-sizing:border-box}
@supports (color:color-mix(in srgb,red 50%,blue)){.itr{--itr-line:color-mix(in srgb,currentColor 18%,transparent);--itr-soft:color-mix(in srgb,currentColor 6%,transparent)}}
.itr .itr-aeo{margin:0 0 1.1em}
.itr .itr-aeo strong{white-space:nowrap}

/* timer card */
.itr .itr-card{position:relative;overflow:hidden;border:1px solid var(--itr-line);border-radius:20px;padding:1.2em 1.2em 1em;margin:0 0 1.6em;background:radial-gradient(120% 90% at 100% 0,rgba(212,162,76,.14),transparent 55%),linear-gradient(160deg,var(--itr-tint),var(--itr-tint2) 60%,transparent);box-shadow:0 10px 30px -18px rgba(14,122,95,.55)}
.itr .itr-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--itr-acc),var(--itr-acc2) 60%,var(--itr-gold))}
.itr .itr-top{display:flex;flex-wrap:wrap;align-items:center;gap:.35em .6em;margin:0 0 .85em}
.itr .itr-badge{display:inline-flex;align-items:center;gap:.35em;padding:.15em .8em;border-radius:999px;background:var(--itr-acc);color:#fff;font-weight:700;letter-spacing:.02em}
.itr .itr-badge:before{content:"";width:.5em;height:.5em;border-radius:50%;background:#7CF0C8;box-shadow:0 0 0 .2em rgba(124,240,200,.25)}
.itr .itr-date{font-weight:600}
.itr .itr-hijri{opacity:.75}
.itr .itr-tag{margin-left:auto;padding:.1em .7em;border:1px solid var(--itr-acc);border-radius:999px;font-weight:600}
.itr .itr-seg{display:inline-flex;flex-wrap:wrap;gap:.3em;padding:.25em;border:1px solid var(--itr-line);border-radius:999px;background:var(--itr-soft);margin:0 0 .9em}
.itr .itr-seg button{font:inherit;color:inherit;line-height:inherit;background:transparent;border:0;border-radius:999px;padding:.35em 1em;cursor:pointer;transition:background .2s,color .2s}
.itr .itr-seg button:hover{background:var(--itr-tint)}
.itr .itr-seg button[aria-pressed="true"],.itr .itr-seg button[aria-selected="true"]{background:var(--itr-acc);color:#fff;font-weight:700}
.itr .itr-seg button:focus-visible,.itr .itr-btn:focus-visible{outline:2px solid var(--itr-acc);outline-offset:2px}
.itr .itr-label{margin:0 0 .5em;font-weight:600}
.itr .itr-count{display:flex;gap:.6em;margin:0 0 .9em}
.itr .itr-count span{flex:1;text-align:center;border:1px solid var(--itr-line);border-radius:14px;padding:.55em .2em .45em;background:var(--itr-soft)}
.itr .itr-count b{display:block;font-size:1.9em;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.itr .itr-bar{height:.5em;border-radius:999px;background:var(--itr-soft);overflow:hidden;margin:0 0 1em}
.itr .itr-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--itr-acc),var(--itr-acc2),var(--itr-gold));transition:width .6s}
.itr .itr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;margin:0 0 .8em}
.itr .itr-tiles div{border:1px solid var(--itr-line);border-radius:14px;padding:.55em .7em}
.itr .itr-tiles div:nth-child(2){border-color:var(--itr-acc);background:var(--itr-tint)}
.itr .itr-tiles small{display:block;opacity:.75}
.itr .itr-tiles strong{font-variant-numeric:tabular-nums}
.itr .itr-meta{margin:0;opacity:.75}

/* text helpers */
.itr .itr-ur{text-align:right;opacity:.85;margin-top:-.4em}
.itr .itr-note{opacity:.8}
.itr .itr-small{opacity:.8}
.itr .itr-ar{text-align:right;font-size:1.2em;line-height:2}
.itr .itr-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* tables */
.itr .itr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0;border:1px solid var(--itr-line);border-radius:14px}
.itr .itr-scroll table{width:100%;border-collapse:collapse;margin:0;border:0}
.itr .itr-scroll th,.itr .itr-scroll td{border:0;border-bottom:1px solid var(--itr-line);padding:.6em .75em;text-align:left;vertical-align:top}
.itr .itr-scroll tr:last-child th,.itr .itr-scroll tr:last-child td{border-bottom:0}
.itr .itr-scroll thead th{background:var(--itr-tint);font-weight:700}
.itr .itr-scroll tbody th{font-weight:600}
.itr .itr-scroll td{white-space:nowrap;font-variant-numeric:tabular-nums}
.itr .itr-cal tbody tr:nth-child(even) td{background:var(--itr-soft)}
.itr .itr-scroll tr.itr-today td{background:var(--itr-tint);font-weight:700;box-shadow:inset 0 0 0 9999px rgba(212,162,76,.08)}
.itr .itr-scroll tr.itr-today td:first-child{box-shadow:inset 4px 0 0 var(--itr-acc),inset 0 0 0 9999px rgba(212,162,76,.08)}

/* calendar actions */
.itr .itr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7em;margin:1em 0 .2em}
.itr .itr-actions .itr-seg{margin:0}
.itr .itr-btn{display:inline-flex;align-items:center;gap:.5em;font:inherit;line-height:inherit;color:#fff;background:linear-gradient(135deg,var(--itr-acc),var(--itr-acc2));border:0;border-radius:999px;padding:.6em 1.25em;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -10px rgba(14,122,95,.8);transition:transform .15s,box-shadow .15s}
.itr .itr-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(14,122,95,.9)}
.itr .itr-btn svg{flex:none}
.itr [hidden]{display:none!important}

/* places */
.itr .itr-places{display:grid;grid-template-columns:minmax(0,1fr);gap:1em;margin:1.2em 0}
.itr .itr-place{margin:0;border:1px solid var(--itr-line);border-radius:18px;overflow:hidden;background:var(--itr-soft);display:grid;grid-template-columns:minmax(0,1fr)}
.itr .itr-place img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:0;max-width:none}
.itr .itr-place figcaption{padding:.9em 1em 1em;align-self:center}
.itr .itr-place figcaption h3{margin:0 0 .4em}
.itr .itr-place figcaption p{margin:0}
@media (min-width:640px){
	.itr .itr-place{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
	.itr .itr-place img{height:100%;min-height:13em;aspect-ratio:auto}
	.itr .itr-place:nth-child(even){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
	.itr .itr-place:nth-child(even) img{order:2}
}

/* duas */
.itr .itr-dua{border:1px solid var(--itr-line);border-left:4px solid var(--itr-gold);border-radius:14px;padding:.8em 1em;margin:1em 0;background:var(--itr-soft)}
.itr .itr-dua p{margin:.35em 0}
.itr .itr-dua-h{margin-top:0!important}

@media (max-width:560px){
	.itr .itr-card{padding:1em .85em .85em;border-radius:16px}
	.itr .itr-count{gap:.4em}
	.itr .itr-count b{font-size:1.55em}
	.itr .itr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.itr .itr-tiles div:last-child{grid-column:span 2}
	.itr .itr-tag{margin-left:0}
	.itr .itr-actions{flex-direction:column;align-items:stretch}
	.itr .itr-actions .itr-btn{justify-content:center}
	.itr .itr-seg{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:14px}
	.itr .itr-seg button{border-radius:10px;padding:.45em .4em;text-align:center}
}
@media (prefers-reduced-motion:reduce){.itr .itr-bar i,.itr .itr-btn,.itr .itr-seg button{transition:none}}
