@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@100;200;300;400;500;600;700;800;900:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=PT+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Calistoga:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lobster:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Pacifico:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Borel:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Pacifico:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Indie+Flower:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Satisfy:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kaushan+Script:wght@100;200;300;400;500;600;700;800;900&display=swap");@import"https://fonts.googleapis.com/icon?family=Material+Icons"; .App { width: 100%; min-height: 100vh; height: 100%; background-color: #1a202b; } html { background-color: rgba(11, 15, 22, 1) !important; } iframe { display: none; } li { cursor: pointer; } button:focus { outline: none; } .MuiTabs-flexContainer button { color: #fff; } .rightnav_layout > .MuiPaper-root { top: 60px; overflow: hidden; } .tabPanel_heading { font-weight: 400; font-size: 16px; display: flex; align-items: center; color: #d9d9d9; margin: 0; padding: 16px 24px; border-bottom: 1px solid #252a3f; } .object_transform_input .MuiInputBase-root { background: #272830; border-radius: 4px; font-family: "Inter"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: #fff; margin-bottom: 0; width: 90%; display: flex; padding-left: 12px; } .object_transform_input .MuiOutlinedInput-notchedOutline { border: none; } .object_transform_input .MuiInputAdornment-root p { color: #4b9af7; margin-right: 5px; } .timeline-slider .timelineSlider { position: absolute; z-index: 11; width: auto; left: 198px; right: 0; } .timeline-slider .timelineSlider .MuiSlider-rail { opacity: 1; height: 35px; background: none; } .timeline-slider .timelineSlider .MuiSlider-thumb { background: none; top: 0; transform: translate(0); } .timeline-slider .timelineSlider .MuiSlider-thumb:after { content: ""; background: #4490ff; border-radius: 2px; transform: rotate(227deg); position: absolute; width: 18px; height: 18px; left: 1px; top: -5px; } .timeline-slider .timelineSlider .MuiSlider-thumb:before { width: 1px; height: 230px; border: 1px solid #4490ff; background: #4490ff; top: 0; } .timeline-slider .timeLine { margin-left: 9px; height: 35px; } .timeline-area { overflow: hidden; width: 100%; } .timeline-slider .coppy-icon { top: 6px; } .button_action_timeline button { color: #fff; } .timeStemp { width: 5%; } .timeline-slider .MuiSlider-markLabel { top: 0; color: #898c94; line-height: 16px; font-size: 14px; transform: translate(15px, 15%); } .timeline-slider .MuiSlider-mark { width: 1px; height: 18px; background-color: #3e69fa; border-radius: 5px; transform: translate(9px, 0); top: 0; } .timeline_row { display: flex; justify-content: space-between; } .timeline_action_part { min-width: 208px; width: 208px; padding: 0 11px 0 19px; border-right: 1px solid #000; } .timeline_visual_part { flex-grow: 1; padding-top: 4px; border-radius: 2px; } .timeline_visual_part .MuiSlider-rail { background: none; } .timeline_visual_part .MuiSlider-track { background: #4e4e4e; border-radius: 5px; height: 32px; border: 2px solid #727272; } .timeline_visual_part .MuiSlider-thumb { background: none; } .timeline_visual_part .MuiSlider-thumb:before { box-shadow: none; } .timeline_visual_part .MuiSlider-thumb:after { display: none; } .timeline_visual_part .MuiSlider-thumb:hover { box-shadow: none; } .timeline_visual_part .MuiSlider-valueLabelOpen.MuiSlider-valueLabel { background: none; transform: translate(0px, 0px); left: 0; top: -4px; } .timeline_visual_part .MuiSlider-valueLabelOpen::before { display: none; } .timeline_visual_part .MuiSlider-mark { width: 8px; height: 8px; background-color: orange; transform: rotate(45deg); top: 12px; margin-left: -3px; } .timeline_visual_part .MuiSlider-markLabel { color: white; line-height: 16px; font-size: 14px; white-space: pre; } .timeline_visual_part .MuiSlider-valueLabelLabel > div { display: flex; align-items: center; justify-content: center; } .timeline_visual_part .MuiSlider-valueLabelOpen .icon { width: 16px; height: 16px; background-repeat: no-repeat; margin: 0px 7px 0 10px; background-position: 0 0; background-size: contain; } .timeline_visual_part .MuiSlider-valueLabelOpen .camera.icon { background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.67625%203.83975C2.72003%204.83222%202.13462%206.12361%202.01843%207.49687C1.90223%208.87013%202.26233%2010.2415%203.03819%2011.3806C3.81406%2012.5196%204.95839%2013.3568%206.27883%2013.7515C7.59928%2014.1461%209.01534%2014.0742%2010.289%2013.5477C10.3752%2012.9852%2010.1862%2012.4452%2010.109%2012.2562C9.9365%2011.8362%209.368%2011.1185%208.41925%2010.1233C8.16575%209.857%208.18225%209.65225%208.273%209.0455L8.28275%208.97725C8.34425%208.56175%208.44775%208.31575%209.8465%208.09375C10.5575%207.98125%2010.7442%208.26475%2011.003%208.6585L11.09%208.7875C11.336%209.1475%2011.5183%209.23%2011.7935%209.3545C11.9173%209.41075%2012.071%209.482%2012.2772%209.59825C12.7662%209.878%2012.7662%2010.1938%2012.7662%2010.8853V10.964C12.7662%2011.2572%2012.7378%2011.5153%2012.6927%2011.7395C13.2683%2011.0172%2013.6693%2010.1718%2013.8647%209.26914C14.0601%208.36649%2014.0445%207.43092%2013.8191%206.53527C13.5938%205.63963%2013.1648%204.80808%2012.5655%204.10535C11.9662%203.40263%2011.2128%202.84769%2010.364%202.48375C9.94925%202.7635%209.38%203.16025%209.18125%203.4325C9.08%203.57125%208.936%204.2815%208.46875%204.34C8.34725%204.355%208.183%204.3445%208.009%204.33325C7.5425%204.30325%206.905%204.262%206.701%204.81625C6.57125%205.16725%206.54875%206.12125%206.968%206.61625C7.0355%206.695%207.04825%206.84125%207.0025%207.0055C6.9425%207.22075%206.82175%207.352%206.7835%207.379C6.7115%207.337%206.5675%207.16975%206.46925%207.0565C6.2345%206.78275%205.9405%206.4415%205.561%206.3365C5.423%206.29825%205.2715%206.26675%205.12375%206.23525C4.712%206.149%204.24625%206.05075%204.1375%205.81975C4.058%205.65025%204.05875%205.417%204.05875%205.171C4.05875%204.85825%204.05875%204.505%203.90575%204.16225C3.85256%204.03993%203.77439%203.93008%203.67625%203.83975ZM8%2015.5C3.85775%2015.5%200.5%2012.1423%200.5%208C0.5%203.85775%203.85775%200.5%208%200.5C12.1423%200.5%2015.5%203.85775%2015.5%208C15.5%2012.1423%2012.1423%2015.5%208%2015.5Z'%20fill='white'/%3e%3c/svg%3e"); } .timeline_visual_part .MuiSlider-valueLabelOpen .product.icon { background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%208.5579C16%209.98019%2016%2011.4032%2016%2012.8255C16%2013.4378%2015.7449%2013.828%2015.1825%2014.0524C13.2423%2014.8276%2011.3%2015.5998%209.35918%2016.3728C9.00402%2016.5142%208.64958%2016.6474%208.2644%2016.6874C7.82135%2016.7341%207.39616%2016.6697%206.98741%2016.5075C4.93863%2015.6975%202.89343%2014.8794%200.846807%2014.0627C0.24368%2013.8221%200%2013.4512%200%2012.7841C0%209.96316%200%207.143%200%204.3221C0%203.7172%200.259402%203.32183%200.80393%203.10416C2.98347%202.23345%205.16231%201.36423%207.34114%200.493526C7.77633%200.319533%208.21081%200.318053%208.64672%200.488343C10.8205%201.33758%2012.9951%202.18533%2015.1682%203.03604C15.7513%203.26408%2016%203.64538%2016%204.29027C16%205.71256%2016%207.1356%2016%208.5579ZM7.41974%2011.2922C7.41974%2010.0113%207.4176%208.73041%207.4226%207.44953C7.4226%207.29404%207.37401%207.22223%207.23109%207.17336C5.26807%206.50034%203.30648%205.82214%201.3456%205.14172C1.21054%205.09507%201.15909%205.10026%201.15909%205.27129C1.16338%207.74717%201.16338%2010.2223%201.15909%2012.6982C1.15909%2012.8381%201.20482%2012.9047%201.32988%2012.9544C3.28718%2013.7355%205.24305%2014.5218%207.19893%2015.3066C7.41117%2015.3917%207.41974%2015.3865%207.41974%2015.1541C7.41974%2013.8673%207.41974%2012.5797%207.41974%2011.2929V11.2922ZM8.58097%2011.3114C8.58097%2012.5856%208.58097%2013.8599%208.58097%2015.1341C8.58097%2015.3799%208.58097%2015.3791%208.80465%2015.2896C10.7448%2014.5158%2012.6842%2013.7399%2014.6265%2012.9721C14.7852%2012.9092%2014.8431%2012.8329%2014.8423%2012.6545C14.8366%2010.2045%2014.8388%207.75457%2014.8381%205.30387C14.8381%205.08175%2014.8381%205.08101%2014.6344%205.1506C12.6849%205.82436%2010.7355%206.50034%208.78392%207.16744C8.62457%207.22223%208.57597%207.29849%208.57669%207.46878C8.58312%208.74892%208.58026%2010.0298%208.58026%2011.3099L8.58097%2011.3114ZM14.2285%203.98152C14.1285%203.93858%2014.0534%203.90378%2013.9762%203.87342C12.0918%203.13673%2010.206%202.40152%208.32229%201.66261C8.10505%201.57746%207.89996%201.58042%207.682%201.66779C6.11845%202.29268%204.55275%202.91165%202.98848%203.53284C2.5983%203.68759%202.20884%203.84455%201.78723%204.01262C1.86726%204.04372%201.91085%204.06222%201.95516%204.07777C3.89745%204.75671%205.84047%205.43418%207.78133%206.11682C7.93712%206.17161%208.07646%206.16791%208.23082%206.11386C10.1381%205.44232%2012.0468%204.77522%2013.9548%204.10591C14.0377%204.07703%2014.1277%204.06297%2014.2285%203.98226V3.98152Z'%20fill='white'/%3e%3c/svg%3e"); } .timeline_visual_part .MuiSlider-thumb[data-index="1"] { display: none; } .timeline_visual_part .product_slider .MuiSlider-track { background: #27a99c; border: 2px solid #70d0b0; } .timeline_visual_part .camera_slider .MuiSlider-track { background: #7b3cca; border: 2px solid #ae7fe9; } .timeline_actions_row, .timeline_intro, .timeline_action_part { display: flex; align-items: center; justify-content: space-between; } .timelinetype_icon { width: 16px; height: 16px; background-repeat: no-repeat; margin: 0px 14px 0 0px; background-position: 0 0; background-size: contain; } .timelinetype_icon.camera_icon { background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.67625%203.83975C2.72003%204.83222%202.13462%206.12361%202.01843%207.49687C1.90223%208.87013%202.26233%2010.2415%203.03819%2011.3806C3.81406%2012.5196%204.95839%2013.3568%206.27883%2013.7515C7.59928%2014.1461%209.01534%2014.0742%2010.289%2013.5477C10.3752%2012.9852%2010.1862%2012.4452%2010.109%2012.2562C9.9365%2011.8362%209.368%2011.1185%208.41925%2010.1233C8.16575%209.857%208.18225%209.65225%208.273%209.0455L8.28275%208.97725C8.34425%208.56175%208.44775%208.31575%209.8465%208.09375C10.5575%207.98125%2010.7442%208.26475%2011.003%208.6585L11.09%208.7875C11.336%209.1475%2011.5183%209.23%2011.7935%209.3545C11.9173%209.41075%2012.071%209.482%2012.2772%209.59825C12.7662%209.878%2012.7662%2010.1938%2012.7662%2010.8853V10.964C12.7662%2011.2572%2012.7378%2011.5153%2012.6927%2011.7395C13.2683%2011.0172%2013.6693%2010.1718%2013.8647%209.26914C14.0601%208.36649%2014.0445%207.43092%2013.8191%206.53527C13.5938%205.63963%2013.1648%204.80808%2012.5655%204.10535C11.9662%203.40263%2011.2128%202.84769%2010.364%202.48375C9.94925%202.7635%209.38%203.16025%209.18125%203.4325C9.08%203.57125%208.936%204.2815%208.46875%204.34C8.34725%204.355%208.183%204.3445%208.009%204.33325C7.5425%204.30325%206.905%204.262%206.701%204.81625C6.57125%205.16725%206.54875%206.12125%206.968%206.61625C7.0355%206.695%207.04825%206.84125%207.0025%207.0055C6.9425%207.22075%206.82175%207.352%206.7835%207.379C6.7115%207.337%206.5675%207.16975%206.46925%207.0565C6.2345%206.78275%205.9405%206.4415%205.561%206.3365C5.423%206.29825%205.2715%206.26675%205.12375%206.23525C4.712%206.149%204.24625%206.05075%204.1375%205.81975C4.058%205.65025%204.05875%205.417%204.05875%205.171C4.05875%204.85825%204.05875%204.505%203.90575%204.16225C3.85256%204.03993%203.77439%203.93008%203.67625%203.83975ZM8%2015.5C3.85775%2015.5%200.5%2012.1423%200.5%208C0.5%203.85775%203.85775%200.5%208%200.5C12.1423%200.5%2015.5%203.85775%2015.5%208C15.5%2012.1423%2012.1423%2015.5%208%2015.5Z'%20fill='white'/%3e%3c/svg%3e"); } .timelinetype_icon.product_icon { background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%208.5579C16%209.98019%2016%2011.4032%2016%2012.8255C16%2013.4378%2015.7449%2013.828%2015.1825%2014.0524C13.2423%2014.8276%2011.3%2015.5998%209.35918%2016.3728C9.00402%2016.5142%208.64958%2016.6474%208.2644%2016.6874C7.82135%2016.7341%207.39616%2016.6697%206.98741%2016.5075C4.93863%2015.6975%202.89343%2014.8794%200.846807%2014.0627C0.24368%2013.8221%200%2013.4512%200%2012.7841C0%209.96316%200%207.143%200%204.3221C0%203.7172%200.259402%203.32183%200.80393%203.10416C2.98347%202.23345%205.16231%201.36423%207.34114%200.493526C7.77633%200.319533%208.21081%200.318053%208.64672%200.488343C10.8205%201.33758%2012.9951%202.18533%2015.1682%203.03604C15.7513%203.26408%2016%203.64538%2016%204.29027C16%205.71256%2016%207.1356%2016%208.5579ZM7.41974%2011.2922C7.41974%2010.0113%207.4176%208.73041%207.4226%207.44953C7.4226%207.29404%207.37401%207.22223%207.23109%207.17336C5.26807%206.50034%203.30648%205.82214%201.3456%205.14172C1.21054%205.09507%201.15909%205.10026%201.15909%205.27129C1.16338%207.74717%201.16338%2010.2223%201.15909%2012.6982C1.15909%2012.8381%201.20482%2012.9047%201.32988%2012.9544C3.28718%2013.7355%205.24305%2014.5218%207.19893%2015.3066C7.41117%2015.3917%207.41974%2015.3865%207.41974%2015.1541C7.41974%2013.8673%207.41974%2012.5797%207.41974%2011.2929V11.2922ZM8.58097%2011.3114C8.58097%2012.5856%208.58097%2013.8599%208.58097%2015.1341C8.58097%2015.3799%208.58097%2015.3791%208.80465%2015.2896C10.7448%2014.5158%2012.6842%2013.7399%2014.6265%2012.9721C14.7852%2012.9092%2014.8431%2012.8329%2014.8423%2012.6545C14.8366%2010.2045%2014.8388%207.75457%2014.8381%205.30387C14.8381%205.08175%2014.8381%205.08101%2014.6344%205.1506C12.6849%205.82436%2010.7355%206.50034%208.78392%207.16744C8.62457%207.22223%208.57597%207.29849%208.57669%207.46878C8.58312%208.74892%208.58026%2010.0298%208.58026%2011.3099L8.58097%2011.3114ZM14.2285%203.98152C14.1285%203.93858%2014.0534%203.90378%2013.9762%203.87342C12.0918%203.13673%2010.206%202.40152%208.32229%201.66261C8.10505%201.57746%207.89996%201.58042%207.682%201.66779C6.11845%202.29268%204.55275%202.91165%202.98848%203.53284C2.5983%203.68759%202.20884%203.84455%201.78723%204.01262C1.86726%204.04372%201.91085%204.06222%201.95516%204.07777C3.89745%204.75671%205.84047%205.43418%207.78133%206.11682C7.93712%206.17161%208.07646%206.16791%208.23082%206.11386C10.1381%205.44232%2012.0468%204.77522%2013.9548%204.10591C14.0377%204.07703%2014.1277%204.06297%2014.2285%203.98226V3.98152Z'%20fill='white'/%3e%3c/svg%3e"); } .timelinetype_index { margin: 0; font-family: "Roboto"; font-weight: 500; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #ffffff; } .timeline_action { margin: 0 10px; background-size: contain; background-position: 0 center; background-repeat: no-repeat; } .timeline_lock { background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='19'%20viewBox='0%200%2014%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.73104%2014.1668C7.65307%2014.1668%208.40746%2013.4168%208.40746%2012.5002C8.40746%2011.5835%207.65307%2010.8335%206.73104%2010.8335C5.80902%2010.8335%205.05463%2011.5835%205.05463%2012.5002C5.05463%2013.4168%205.80902%2014.1668%206.73104%2014.1668ZM11.7603%206.66683H10.9221V5.00016C10.9221%202.70016%209.04449%200.833496%206.73104%200.833496C4.41759%200.833496%202.54001%202.70016%202.54001%205.00016H4.1326C4.1326%203.57516%205.29771%202.41683%206.73104%202.41683C8.16438%202.41683%209.32948%203.57516%209.32948%205.00016V6.66683H1.7018C0.779777%206.66683%200.0253906%207.41683%200.0253906%208.3335V16.6668C0.0253906%2017.5835%200.779777%2018.3335%201.7018%2018.3335H11.7603C12.6823%2018.3335%2013.4367%2017.5835%2013.4367%2016.6668V8.3335C13.4367%207.41683%2012.6823%206.66683%2011.7603%206.66683ZM11.7603%2016.6668H1.7018V8.3335H11.7603V16.6668Z'%20fill='%23D9DADB'/%3e%3c/svg%3e"); width: 14px; height: 19px; } .timeline_lock.active { border-radius: 0; padding: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='19'%20viewBox='0%200%2014%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.00065%2014.1668C7.91732%2014.1668%208.66732%2013.4168%208.66732%2012.5002C8.66732%2011.5835%207.91732%2010.8335%207.00065%2010.8335C6.08398%2010.8335%205.33398%2011.5835%205.33398%2012.5002C5.33398%2013.4168%206.08398%2014.1668%207.00065%2014.1668ZM12.0007%206.66683H11.1673V5.00016C11.1673%202.70016%209.30065%200.833496%207.00065%200.833496C4.70065%200.833496%202.83398%202.70016%202.83398%205.00016V6.66683H2.00065C1.08398%206.66683%200.333984%207.41683%200.333984%208.3335V16.6668C0.333984%2017.5835%201.08398%2018.3335%202.00065%2018.3335H12.0007C12.9173%2018.3335%2013.6673%2017.5835%2013.6673%2016.6668V8.3335C13.6673%207.41683%2012.9173%206.66683%2012.0007%206.66683ZM4.41732%205.00016C4.41732%203.57516%205.57565%202.41683%207.00065%202.41683C8.42565%202.41683%209.58398%203.57516%209.58398%205.00016V6.66683H4.41732V5.00016ZM12.0007%2016.6668H2.00065V8.3335H12.0007V16.6668Z'%20fill='%233E69FA'/%3e%3c/svg%3e"); } .timeline_preview { background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='14'%20viewBox='0%200%2020%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.94098%200.75C5.74994%200.75%202.1708%203.34167%200.720703%207C2.1708%2010.6583%205.74994%2013.25%209.94098%2013.25C14.132%2013.25%2017.7111%2010.6583%2019.1612%207C17.7111%203.34167%2014.132%200.75%209.94098%200.75ZM9.94098%2011.1667C7.62752%2011.1667%205.74994%209.3%205.74994%207C5.74994%204.7%207.62752%202.83333%209.94098%202.83333C12.2544%202.83333%2014.132%204.7%2014.132%207C14.132%209.3%2012.2544%2011.1667%209.94098%2011.1667ZM9.94098%204.5C8.54955%204.5%207.42636%205.61667%207.42636%207C7.42636%208.38333%208.54955%209.5%209.94098%209.5C11.3324%209.5%2012.4556%208.38333%2012.4556%207C12.4556%205.61667%2011.3324%204.5%209.94098%204.5Z'%20fill='%23D9DADB'/%3e%3c/svg%3e"); width: 20px; height: 14px; } .timeline_preview.active { border-radius: 0; padding: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0007%203.83333C12.3007%203.83333%2014.1673%205.7%2014.1673%208C14.1673%208.54167%2014.059%209.05%2013.8673%209.525L16.3007%2011.9583C17.559%2010.9083%2018.5506%209.55%2019.159%208C17.7173%204.34167%2014.159%201.75%209.99232%201.75C8.82565%201.75%207.70898%201.95833%206.67565%202.33333L8.47565%204.13333C8.95065%203.94167%209.45898%203.83333%2010.0007%203.83333ZM1.66732%201.55833L3.56732%203.45833L3.95065%203.84167C2.56732%204.91667%201.48398%206.35%200.833984%208C2.27565%2011.6583%205.83398%2014.25%2010.0007%2014.25C11.2923%2014.25%2012.5257%2014%2013.6507%2013.55L14.0007%2013.9L16.4423%2016.3333L17.5007%2015.275L2.72565%200.5L1.66732%201.55833ZM6.27565%206.16667L7.56732%207.45833C7.52565%207.63333%207.50065%207.81667%207.50065%208C7.50065%209.38333%208.61732%2010.5%2010.0007%2010.5C10.184%2010.5%2010.3673%2010.475%2010.5423%2010.4333L11.834%2011.725C11.2757%2012%2010.659%2012.1667%2010.0007%2012.1667C7.70065%2012.1667%205.83398%2010.3%205.83398%208C5.83398%207.34167%206.00065%206.725%206.27565%206.16667ZM9.86732%205.51667L12.4923%208.14167L12.509%208.00833C12.509%206.625%2011.3923%205.50833%2010.009%205.50833L9.86732%205.51667Z'%20fill='%233E69FA'/%3e%3c/svg%3e"); width: 20px; height: 17px; } .timeline_row.active .timeline_visual_part, .timeline_row:hover .timeline_visual_part, .timeline_row.active .timeline_action_part, .timeline_row:hover .timeline_action_part { background: #181a22; } .timeline_row.active { background: none; border-radius: 0; padding: 0; } .rightsidebar_tabs .MuiButtonBase-root.Mui-selected .MuiSvgIcon-root { fill: #fff; } :root { --app-height: 100%; } html, body { margin: 0; padding: 0; /* height: 100%; */ background: #212326; } /* body::-webkit-scrollbar { background: transparent; } body { scrollbar-color: transparent transparent; } body::-webkit-scrollbar-track { background: transparent; } body::-webkit-scrollbar-thumb { background-color: transparent; } */ .react-joyride__overlay { background-color: rgb(0, 0, 0, 0.8) !important; } .material-icons { display: flex !important; justify-content: center; align-items: center; } .onBoarding-btn-animation { animation: scale-animation 3s; } @keyframes tilt-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0eg); } 75% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes scale-animation { 0% { transform: scale(1); } 50% { transform: scale(1.6); } 100% { transform: scale(1); } } .hide-scroll-bar { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: scroll; overflow-x: hidden; } .hide-scroll-bar::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .hide-horizontol-scrollbar { overflow-x: hidden; } ::-webkit-scrollbar { display: none; } html, body { overscroll-behavior-x: none; /* Prevents horizontal swipe navigation */ } .noEvents { canvas { pointer-events: none; } }:root { --rc-drag-handle-size: 18px; --rc-drag-handle-mobile-size: 24px; --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2); --rc-drag-bar-size: 12px; --rc-border-color: rgba(255, 255, 255, 0.7); --rc-focus-color: #0088ff; } .ReactCrop { position: relative; display: inline-block; cursor: crosshair; max-width: 100%; } .ReactCrop *, .ReactCrop *:before, .ReactCrop *:after { box-sizing: border-box; } .ReactCrop--disabled, .ReactCrop--locked { cursor: inherit; } .ReactCrop__child-wrapper { overflow: hidden; max-height: inherit; } .ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video { display: block; max-width: 100%; max-height: inherit; } .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video { touch-action: none; } .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection { touch-action: none; } .ReactCrop__crop-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .ReactCrop__crop-selection { position: absolute; top: 0; left: 0; transform: translateZ(0); cursor: move; } .ReactCrop--disabled .ReactCrop__crop-selection { cursor: inherit; } .ReactCrop--circular-crop .ReactCrop__crop-selection { border-radius: 50%; } .ReactCrop--circular-crop .ReactCrop__crop-selection:after { pointer-events: none; content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid var(--rc-border-color); opacity: 0.3; } .ReactCrop--no-animate .ReactCrop__crop-selection { outline: 1px dashed white; } .ReactCrop__crop-selection:not( .ReactCrop--no-animate .ReactCrop__crop-selection ) { animation: marching-ants 1s; background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%); background-size: 20px 5px, 20px 5px, 5px 20px, 5px 20px; background-position: 0 0, 0 100%, 0 0, 100% 0; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; color: #fff; animation-play-state: running; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes marching-ants { 0% { background-position: 0 0, 0 100%, 0 0, 100% 0; } to { background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px; } } .ReactCrop__crop-selection:focus { outline: 2px solid var(--rc-focus-color); outline-offset: -1px; } .ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection { display: none; } .ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after { content: ""; display: block; position: absolute; background-color: #fff6; } .ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after { width: 1px; height: 100%; } .ReactCrop__rule-of-thirds-vt:before { left: 33.3333333333%; } .ReactCrop__rule-of-thirds-vt:after { left: 66.6666666667%; } .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after { width: 100%; height: 1px; } .ReactCrop__rule-of-thirds-hz:before { top: 33.3333333333%; } .ReactCrop__rule-of-thirds-hz:after { top: 66.6666666667%; } .ReactCrop__drag-handle { position: absolute; width: var(--rc-drag-handle-size); height: var(--rc-drag-handle-size); background-color: var(--rc-drag-handle-bg-colour); border: 1px solid var(--rc-border-color); } .ReactCrop__drag-handle:focus { background: var(--rc-focus-color); } .ReactCrop .ord-nw { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nw-resize; } .ReactCrop .ord-n { top: 0; left: 50%; transform: translate(-50%, -50%); cursor: n-resize; } .ReactCrop .ord-ne { top: 0; right: 0; transform: translate(50%, -50%); cursor: ne-resize; } .ReactCrop .ord-e { top: 50%; right: 0; transform: translate(50%, -50%); cursor: e-resize; } .ReactCrop .ord-se { bottom: 0; right: 0; transform: translate(50%, 50%); cursor: se-resize; } .ReactCrop .ord-s { bottom: 0; left: 50%; transform: translate(-50%, 50%); cursor: s-resize; } .ReactCrop .ord-sw { bottom: 0; left: 0; transform: translate(-50%, 50%); cursor: sw-resize; } .ReactCrop .ord-w { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: w-resize; } .ReactCrop__disabled .ReactCrop__drag-handle { cursor: inherit; } .ReactCrop__drag-bar { position: absolute; } .ReactCrop__drag-bar.ord-n { top: 0; left: 0; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(-50%); } .ReactCrop__drag-bar.ord-e { right: 0; top: 0; width: var(--rc-drag-bar-size); height: 100%; transform: translate(50%); } .ReactCrop__drag-bar.ord-s { bottom: 0; left: 0; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(50%); } .ReactCrop__drag-bar.ord-w { top: 0; left: 0; width: var(--rc-drag-bar-size); height: 100%; transform: translate(-50%); } .ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w { display: none; } @media (pointer: coarse) { .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w { display: none; } .ReactCrop__drag-handle { width: var(--rc-drag-handle-mobile-size); height: var(--rc-drag-handle-mobile-size); } } ._modal__root_1freb_1 { padding: "2rem"; gap: 1rem; } ._action__buttons_1freb_6 { display: flex; align-items: center; justify-content: center; gap: 1rem; } ._closeBtn_1freb_13 { display: inline; position: absolute; top: .5rem; right: .5rem; cursor: pointer; background: rgba(217, 217, 217, 0.4); height: 20px; border-radius: 10px; } ._button_cta_1freb_27 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; border-width: 1px; border-style: solid; border-radius: 5px; color: #F5F5F5; text-transform: none !important; border-color: transparent; padding: 8px 15px; cursor: pointer; } ._button_cta_1freb_27:focus { outline: none; } ._button__primary_1freb_50 { background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border: none; } /*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .image-cropper-container { position: relative; background-color: transparent; /* Light gray background */ border: 1px solid #ddd; /* Border around the cropper */ /* padding: 20px; Spacing inside the container */ /* border-radius: 8px; Rounded corners */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ } .controls { margin-top: 10px; display: flex; justify-content: space-around; /* Space buttons evenly */ } .controls button { padding: 10px 15px; background-color: #007bff; /* Primary button color */ color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .controls button:hover { background-color: #0056b3; /* Darker shade on hover */ } .controls button:disabled { background-color: #ccc; /* Disabled button style */ cursor: not-allowed; } .cropper-bg { background: white !important; background-image: white !important; }.header__right { display: flex; justify-content: flex-start; gap: 1rem; } .header__profile { cursor: pointer; background-color: red; } .header__logo_image { cursor: pointer; } .dd-button { cursor: default; } .render_subbtn { font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 16px; color: #E5E5E5; max-width: 250px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .render_btn_div { background: #111314; border-radius: 4px; padding: 8px; border: 1px solid #3E69FA; font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 16px; color: #E5E5E5; max-width: 250px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .render_subbtn:hover { color: #E5E5E5; } .left__ { border-left: 1px solid #3E69FA; } body { padding: 0 !important; overflow: auto !important; } .header_logo { display: flex; align-items: center; } .headerNotification { cursor: pointer; } .headerNotification:hover { background-color: #394455 !important; color: #FFF; } /* Style the scrollbar for .scrollbarOfnotification */ .scrollbarOfnotification { scrollbar-width: thin !important; /* "thin" for most browsers */ scrollbar-color: #0869FB transparent !important; /* Color of the thumb and track */ } /* Style the scrollbar track */ .scrollbarOfnotification::-webkit-scrollbar-track { background: rgb(255, 255, 255) !important; /* Background color of the track */ } /* Style the scrollbar thumb */ .scrollbarOfnotification::-webkit-scrollbar-thumb { background-color: #0869FB; /* Color of the thumb */ border-radius: 10px !important; /* Border radius of the thumb */ height: 50px !important; /* Increase the height of the thumb as needed */ } ._imgAdRoot_185a9_1 { display: flex; flex-direction: column; background-color: #2a3b57; border-radius: 8px; position: relative; width: 380px; &.grid_small { width: 250px; } &.small { width: 156.5px; } &.ex_small { width: 140px; } &.large { /* width: 556.5px; width: 800px; */ width: 900px; } } ._imageAdContainer_185a9_28 { width: 380px; display: flex; flex-direction: column; &.grid_small { width: 250px; } &.small { width: 156.5px; } &.ex_small { width: 140px; } &.large { /* width: 556.5px; width: 800px; */ width: 900px; } } ._skeleton_185a9_52 { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; z-index: 1; border-radius: 8px; background-color: #c0c0c0 !important; } ._productImgDiv_185a9_63 { background: rgba(0, 0, 0, 0.05); display: flex; min-height: 213.75px; min-width: 380px; display: flex; align-items: center; justify-content: center; &.grid_small { min-height: 168.7497px; min-width: 250px; } &.small { min-height: 88.03125px; min-width: 156.5px; } &.ex_small { min-height: 60px; min-width: 120px; } &.large { /* min-height: 313.0308px; min-width: 556.5px; min-height: 450px; min-width: 800px; */ min-height: 506.25px; min-width: 900px; } } ._productImg_185a9_63 { max-height: 213.75px; max-width: 380px; width: auto; height: auto; &.grid_small { max-height: 168.7497px; max-width: 250px; } &.small { max-height: 88.03125px; max-width: 156.5px; } &.ex_small { max-height: 60px; max-width: 120px; } &.large { /* max-height: 313.03125px; max-width: 556.5px; max-height: 450px; max-width: 800px; */ max-height: 506.25px; max-width: 900px; } } ._imgAdHead_185a9_129 { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem 1rem 0.875rem 1rem; &.grid_small { padding: 0.375rem !important; } &.ex_small { padding: 0.375rem !important; } &.small { padding: 0.375rem !important; } } ._imgAdTitle_185a9_148 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ._row_185a9_155 { display: flex; flex-direction: row; gap: 0.5rem; &.grid_small { gap: 0.4rem !important; } &.ex_small { gap: 0.1rem !important; } &.small { gap: 0.1rem !important; } } ._imgAdTitleImg_185a9_173 { height: 40px; width: 40px; background-color: #f2f2f2; border-radius: 100px; display: flex; align-items: center; justify-content: center; &.grid_small { height: 24px !important; width: 24px !important; } &.ex_small { height: 15px !important; width: 15px !important; } &.small { height: 15px !important; width: 15px !important; } } ._imgAdTitleDiv_185a9_198 { display: flex; flex-direction: column; gap: 0.125rem; &.grid_small { gap: 0.1rem !important; } &.ex_small { gap: 0.04rem !important; } &.small { gap: 0.04rem !important; } } ._title_185a9_216 { font-family: "Roboto" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1rem !important; &.grid_small { font-size: 0.6rem !important; line-height: 0.66rem !important; } &.ex_small { font-size: 0.34rem !important; line-height: 0.4rem !important; } &.small { font-size: 0.34rem !important; line-height: 0.4rem !important; } } ._subTitle_185a9_238 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 0.75rem !important; line-height: 1rem !important; &.grid_small { font-size: 0.44rem !important; line-height: 0.5rem !important; } &.ex_small { font-size: 0.2rem !important; line-height: 0.3rem !important; } &.small { font-size: 0.2rem !important; line-height: 0.3rem !important; } } ._menuIcon_185a9_260 { font-size: 1.5rem; color: #65676b; rotate: 90deg; &.grid_small { font-size: 1rem; } &.ex_small { font-size: 0.5rem; } &.small { font-size: 0.5rem; } } ._descriptionFirstDiv_185a9_278 { display: flex; align-items: center; gap: 0.5rem; } ._descriptionFirst_185a9_278 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 8px !important; line-height: 10px !important; } &.ex_small { font-size: 5.5px !important; line-height: 7.3px !important; } &.small { font-size: 5.5px !important; line-height: 7.3px !important; } } ._lock_185a9_315 { font-size: 1.5rem; color: #7d899c; &.ex_small { display: none; } &.small { display: none; } } ._detailDiv_185a9_328 { display: flex; flex-direction: row; padding: 0.75rem 1rem; gap: 1.75rem; background-color: #f0f2f5; border-radius: 8px; align-items: center; &.grid_small { padding: 0.5rem !important; gap: 1rem !important; } &.ex_small { padding: 0.375rem !important; gap: 0.6rem !important; } &.ex_small { padding: 0.375rem !important; gap: 0.6rem !important; } &.small { padding: 0.375rem !important; gap: 0.6rem !important; } } ._detailSubDiv_185a9_358 { display: flex; flex-direction: column; flex: 1; } ._learnMoreBtn_185a9_364 { background-color: #e4e6eb; display: flex; justify-content: center; align-items: center; border-radius: 0.375rem; font-family: "Roboto" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1rem !important; min-width: 96px; height: 36px; &.grid_small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } &.ex_small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } &.small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } } ._urlText_185a9_402 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 10px !important; line-height: 14px !important; color: #606770; &.grid_small { font-size: 0.5rem !important; line-height: 0.52rem !important; } &.ex_small { font-size: 0.34rem !important; line-height: 0.4rem !important; } &.small { font-size: 0.34rem !important; line-height: 0.4rem !important; } } ._subTitleText_185a9_426 { font-family: "Roboto" !important; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important; color: #1c1e21; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 8px !important; line-height: 10px !important; } &.ex_small { font-size: 0.39rem !important; line-height: 0.45rem !important; } &.small { font-size: 0.39rem !important; line-height: 0.45rem !important; } } ._subTitleText2_185a9_459 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 12px !important; line-height: 18px !important; color: #606770; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 7px !important; line-height: 9px !important; } &.ex_small { font-size: 0.5rem !important; line-height: 0.58rem !important; } &.small { font-size: 0.5rem !important; line-height: 0.58rem !important; } } ._imgAdRoot_1kja6_1 { display: flex; flex-direction: column; /* background-color: #2a3b57; */ border-radius: 8px; position: relative; &.normal { min-width: 300px; min-height: 300px; } &.grid_small { min-height: 168.7497px; min-width: 300px; } &.small { min-height: 88.03125px; min-width: 156.5px; } &.ex_small { min-height: 60px; min-width: 120px; } &.large { min-height: 506.25px; min-width: 900px; } } ._imageAdContainer_1kja6_33 { /* min-width: 380px; */ width: 100%; } ._skeleton_1kja6_37 { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; z-index: 1; border-radius: 8px; /* background-color: #c0c0c0 !important; */ height: 100%; width: 100%; } ._productImgDiv_1kja6_51 { background: rgba(0, 0, 0, 0.05); display: flex; display: flex; align-items: center; justify-content: center; } ._productImg_1kja6_51 { border-radius: 4px; width: auto; height: auto; &.normal { max-height: 300px; } &.grid_small { max-height: 168.7497px; } &.small { max-height: 150px; } &.ex_small { max-height: 60px; } &.large { /* max-height: 313.03125px; max-width: 556.5px; max-height: 450px; max-width: 800px; */ /* max-height: 506.25px; */ max-width: 800px; max-height: 650px; } &.fbAd { border-radius: 0; } } ._imgAdHead_1kja6_94 { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem 1rem 0.875rem 1rem; &.grid_small { padding: 0.375rem !important; } &.ex_small { padding: 0.375rem !important; } &.small { padding: 0.375rem !important; } } ._imgAdTitle_1kja6_113 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ._row_1kja6_120 { display: flex; flex-direction: row; gap: 0.5rem; &.grid_small { gap: 0.4rem !important; } &.ex_small { gap: 0.1rem !important; } &.small { gap: 0.1rem !important; } } ._imgAdTitleImg_1kja6_138 { height: 40px; width: 40px; background-color: #f2f2f2; border-radius: 100px; display: flex; align-items: center; justify-content: center; &.grid_small { height: 24px !important; width: 24px !important; } &.ex_small { height: 15px !important; width: 15px !important; } &.small { height: 15px !important; width: 15px !important; } } ._imgAdTitleDiv_1kja6_163 { display: flex; flex-direction: column; gap: 0.125rem; &.grid_small { gap: 0.1rem !important; } &.ex_small { gap: 0.04rem !important; } &.small { gap: 0.04rem !important; } } ._title_1kja6_181 { font-family: "Roboto" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1rem !important; &.grid_small { font-size: 0.6rem !important; line-height: 0.66rem !important; } &.ex_small { font-size: 0.34rem !important; line-height: 0.4rem !important; } &.small { font-size: 0.34rem !important; line-height: 0.4rem !important; } } ._subTitle_1kja6_203 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 0.75rem !important; line-height: 1rem !important; &.grid_small { font-size: 0.44rem !important; line-height: 0.5rem !important; } &.ex_small { font-size: 0.2rem !important; line-height: 0.3rem !important; } &.small { font-size: 0.2rem !important; line-height: 0.3rem !important; } } ._menuIcon_1kja6_225 { font-size: 1.5rem; color: #65676b; rotate: 90deg; &.grid_small { font-size: 1rem; } &.ex_small { font-size: 0.5rem; } &.small { font-size: 0.5rem; } } ._descriptionFirstDiv_1kja6_243 { display: flex; align-items: center; gap: 0.5rem; } ._descriptionFirst_1kja6_243 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 8px !important; line-height: 10px !important; } &.ex_small { font-size: 5.5px !important; line-height: 7.3px !important; } &.small { font-size: 5.5px !important; line-height: 7.3px !important; } } ._lock_1kja6_280 { font-size: 1.5rem; color: #7d899c; &.ex_small { display: none; } &.small { display: none; } } ._detailDiv_1kja6_293 { display: flex; flex-direction: row; padding: 0.75rem 1rem; gap: 1.75rem; background-color: #f0f2f5; border-radius: 8px; align-items: center; &.grid_small { padding: 0.5rem !important; gap: 1rem !important; } &.ex_small { padding: 0.375rem !important; gap: 0.6rem !important; } &.ex_small { padding: 0.375rem !important; gap: 0.6rem !important; } &.small { padding: 0.375rem !important; gap: 0.6rem !important; } } ._detailSubDiv_1kja6_323 { display: flex; flex-direction: column; flex: 1; } ._learnMoreBtn_1kja6_329 { background-color: #e4e6eb; display: flex; justify-content: center; align-items: center; border-radius: 0.375rem; font-family: "Roboto" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1rem !important; min-width: 96px; height: 36px; &.grid_small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } &.ex_small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } &.small { min-width: 38px !important; height: 14px !important; font-size: 0.34rem !important; line-height: 0.4rem !important; display: none; } } ._urlText_1kja6_367 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 10px !important; line-height: 14px !important; color: #606770; &.grid_small { font-size: 0.5rem !important; line-height: 0.52rem !important; } &.ex_small { font-size: 0.34rem !important; line-height: 0.4rem !important; } &.small { font-size: 0.34rem !important; line-height: 0.4rem !important; } } ._subTitleText_1kja6_391 { font-family: "Roboto" !important; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important; color: #1c1e21; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 8px !important; line-height: 10px !important; } &.ex_small { font-size: 0.39rem !important; line-height: 0.45rem !important; } &.small { font-size: 0.39rem !important; line-height: 0.45rem !important; } } ._subTitleText2_1kja6_424 { font-family: "Roboto" !important; font-weight: 400 !important; font-size: 12px !important; line-height: 18px !important; color: #606770; &.render { text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } &.grid_small { font-size: 7px !important; line-height: 9px !important; } &.ex_small { font-size: 0.5rem !important; line-height: 0.58rem !important; } &.small { font-size: 0.5rem !important; line-height: 0.58rem !important; } } ._addTextRoot_i3rud_1 { display: flex; flex-direction: column; background-color: #212630; border-radius: 1rem; /* height: 60vh; */ padding: 1.5rem; } ._titleDiv_i3rud_10 { display: flex; flex: 1; justify-content: space-between; align-items: center; padding: 1.25rem 2rem; max-height: 80px; } ._row_i3rud_19 { display: flex; align-items: center; } ._title_i3rud_10 { font-family: "Inter" !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.5rem !important; margin-left: 1.5rem !important; color: #fff !important; } ._titleIcon_i3rud_33>* { height: 2.5rem !important; width: 2.5rem !important; } ._share_i3rud_38 { padding: 0.25rem 0.75rem; display: flex; background-color: #394455; border-radius: 2.5rem; align-items: center; gap: 0.5rem; } ._shareText_i3rud_47 { font-family: "Inter" !important; font-size: 0.875rem !important; font-weight: 600 !important; line-height: 1.375rem !important; color: #aeb6c4 !important; } ._option_i3rud_55 { color: #7d899c; font-size: 1.5rem; } ._lastGap_i3rud_60 { gap: 2rem; } ._divider_i3rud_64 { background-color: #394455; margin-bottom: 20px; } ._content_i3rud_69 { display: flex !important; flex-direction: column; height: 100%; gap: 1rem; overflow-y: hidden; &.ad { overflow-y: scroll; } } ._contentLoader_i3rud_81 { display: flex; flex: 1; align-items: center; justify-content: center; } ._itemMain_i3rud_88 { display: flex; flex-direction: column; gap: 1rem; } ._firstDiv_i3rud_94 { display: flex; padding: 1rem; align-items: center; flex: 1; border-radius: 12px; justify-content: space-between; background-color: #1a202b; } ._dataDiv_i3rud_104 { display: flex; gap: 1.5rem; flex-direction: row; padding: 0.75rem; align-items: flex-start; justify-content: space-between; } ._dataGap_i3rud_113 { gap: 0.5rem !important; display: flex; flex-direction: column; } ._titleText_i3rud_119 { font-weight: 600 !important; text-align: left !important; color: #fcfdfe !important; } ._subTitleText_i3rud_125 { font-weight: 600 !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; color: #fcfdfe !important; } ._descriptionText_i3rud_132 { text-overflow: unset !important; -webkit-line-clamp: unset !important; color: #fcfdfe !important; } ._itemBottom_i3rud_138 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: auto; } ._rowStart_i3rud_146 { display: flex; flex-direction: row; align-items: flex-start; gap: 0.75rem; } ._row_i3rud_19 { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } ._bookMarkBtn_i3rud_160 { cursor: pointer; } ._saveBtn_i3rud_164 { cursor: pointer; display: flex; align-items: center; } ._saveIcon_i3rud_170 { color: #7d899c; } ._img_i3rud_174 { height: 2rem; width: 2rem; margin-top: 0.25rem; } ._description_i3rud_132 { display: flex; gap: 24px; } ._descriptionDiv_i3rud_185 { display: flex; flex-direction: column; gap: 24px; flex: 1; } ._descriptionTxt_i3rud_192 { font-family: "Inter" !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1.375rem !important; color: #fcfdfe !important; } ._repeatDiv_i3rud_200 { height: 38px; width: 38px; border-radius: 12px; border: 1.5px solid #e3e9ee; cursor: pointer; display: flex; align-items: center; justify-content: center; } ._contentTextDiv_i3rud_211 { display: flex; flex: 1; align-items: center; padding: 1rem; border-radius: 0.75rem; background-color: #1a202b; } ._contentText_i3rud_211 { color: #aeb6c4 !important; } ._faccebookImagesDiv_i3rud_224 { display: flex; flex-flow: row; gap: 1rem; align-items: center; overflow-x: auto; padding-bottom: 0.75rem; } ._imagesDiv_i3rud_233 { display: flex; flex-flow: row; gap: 1rem; align-items: center; overflow-x: auto; padding-bottom: 0.75rem; } ._imagesEachDiv_i3rud_242 { width: 50%; display: flex; } ._image_nfs_genereted_div_top_i3rud_247 { width: 100%; height: 100%; position: absolute; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 4px; flex-direction: column; } ._image_nfs_genereted_div_i3rud_247 { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); width: 100%; height: 100%; position: absolute; background-color: #ccc; z-index: 99; } ._imageBookmarkContainer_i3rud_273 { display: flex; flex-flow: row; gap: 0.25rem; position: relative; border: 4px solid transparent; border-radius: 11px; cursor: pointer; } ._imageBookmarkContainerSelected_i3rud_283 { border: 4px solid #0869fb; } ._imageGenertorImg_i3rud_287 { width: 50%; height: 35vh; border-radius: 0.5rem; background-color: #394455; } ._contentDiv_i3rud_294 { display: flex; flex-direction: column; gap: 1rem; flex: 1; width: 100%; } ._status_i3rud_302 { display: flex; align-items: center; flex: 1; gap: 1.5rem; } ._icon_i3rud_309 { font-size: 1.5rem !important; color: #4bab71; width: 2.5rem !important; } ._statusText_i3rud_315 { font-family: "Inter" !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5rem !important; color: #7c878e !important; } ._descriptionMainDiv_i3rud_323 { display: flex; align-items: flex-start; gap: 1.5rem; } ._optionsMain_i3rud_329 { display: flex; align-items: center; justify-content: space-between; } ._optionsSub_i3rud_335 { display: flex; align-items: center; gap: 1rem; } ._saveIcon_i3rud_170 { color: #7d899c; } ._discriptionIconDiv_i3rud_345 { cursor: pointer; } ._imageDiv_i3rud_349 { display: flex; gap: 8px; } ._bookmarkIcon_i3rud_354 { color: #7d899c; cursor: pointer; font-size: 1.6rem !important; height: 1.6rem !important; width: 1.6rem !important; padding: 0px; } ._bookmarked_i3rud_363 { /* background-color: #0869fb; border-radius: 50%; */ font-size: 2.5rem; padding: 4px; } ._imagesDivContainer_i3rud_370 { display: flex; } ._imagesGenDivContainer_i3rud_374 { display: flex; } ._imagesDivContainerSmall_i3rud_378 { display: flex; width: 200px; } ._doneDiv_i3rud_383 { height: 32px; width: 32px; border-radius: 16px; position: absolute; background-color: black; top: 16px; right: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; } ._doneDivSelected_i3rud_397 { background-color: #0869fb; } ._doneDivSmall_i3rud_401 { height: 24px; width: 24px; top: 8px; right: 8px; } ._doneIcon_i3rud_408 { color: #aeb6c4; font-size: 18px; } ._doneIconSmall_i3rud_413 { color: #aeb6c4; font-size: 12px; } ._doneIconSelected_i3rud_418 { color: white; } ._doneIconSelectedSmall_i3rud_422 { font-size: 12px; } /* texLayout */ ._textLayoutContainer_i3rud_428 { display: flex; flex-direction: column; background-color: #212630; border-radius: 20px; height: calc(100vh - 105px); } ._textLayoutTitle_i3rud_436 { display: flex; align-items: center; padding: 16px 20px; justify-content: space-between; } ._textLayoutListContainer_i3rud_443 { display: flex; flex-direction: column; padding: 24px 16px; gap: 24px; height: 100%; position: relative; overflow: auto; } ._textLayoutListLoader_i3rud_453 { position: absolute; left: 50%; top: 50%; z-index: 10; } ._textLayoutList_i3rud_443 { display: flex; width: 100%; flex-direction: column; margin-top: 1rem; } ._textLayoutListContainerNoData_i3rud_467 { display: flex; align-items: center; justify-content: center; } ._textLayoutListItemContainer_i3rud_473 { display: flex; gap: 24px; align-items: center; } ._textLayoutListItemLogo_i3rud_479 { height: 32px; width: 32px; } ._textLayoutListEachItem_i3rud_484 { display: flex; width: 100%; /* align-items: start; */ background-color: #212630; padding: 8px 8px 8px 12px; border-radius: 8px; gap: 6px; margin: 8px 0px; position:relative; } ._textLayoutListEachDiv_i3rud_496 { margin: 0px 0px 0px 8px } ._textLayoutListEachItem_i3rud_484:hover { background-color: var(--color-palette-gray-900, #151A22); cursor: pointer; } ._textLayoutListEachItem_i3rud_484:hover ._textLayoutListTextField_i3rud_505 { background: var(--color-palette-gray-900, #151A22), } ._textLayoutListItemOptions_i3rud_509 { display: flex; align-items: center; width: 140px; gap: 6px; background-color: #151a23c4; height: 100%; padding: 0 8px; position: absolute; right: 0; top: 0; } ._textLayoutListItemOptions_i3rud_509>span { /* background-color: #212630; */ border-radius: 4px; padding: 2px; display: flex; align-items: center; justify-content: center; height: 28px; width: 28px; } ._textLayoutListItemOptions_i3rud_509>span>span { height: 19px; width: 19px; } ._textLayoutListItemOptions_i3rud_509>span:hover { /* color: #FFF; */ border-radius: 4px; padding: 2px; display: flex; align-items: center; justify-content: center; } ._textLayoutListIcon_i3rud_547 { height: 18px; width: 18px; color: #B3BAC5; } ._textLayoutListIcon_i3rud_547>svg { height: 18px; width: 18px; } ._textLayoutListIcon_i3rud_547:hover { color: #FFF; }.lazy-load-image-background.opacity { opacity: 0; } .lazy-load-image-background.opacity.lazy-load-image-loaded { opacity: 1; transition: opacity .3s; } .vjs-svg-icon { display: inline-block; background-repeat: no-repeat; background-position: center; fill: currentColor; height: 1.8em; width: 1.8em; } .vjs-svg-icon:before { content: none !important; } .vjs-svg-icon:hover, .vjs-control:focus .vjs-svg-icon { filter: drop-shadow(0 0 0.25em #fff); } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10a"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10b"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-downloading { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-downloading:before { content: "\f10f"; } .vjs-icon-file-download { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download:before { content: "\f110"; } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-done:before { content: "\f111"; } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-off:before { content: "\f112"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f113"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f114"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f115"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f116"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f117"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f118"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f119"; } .vjs-icon-repeat { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-repeat:before { content: "\f11a"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f11b"; } .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before { content: "\f11c"; } .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before { content: "\f11f"; } .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before { content: "\f120"; } .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f122"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f123"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f124"; } .vjs-icon-shuffle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-shuffle:before { content: "\f125"; } .vjs-icon-cast { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cast:before { content: "\f126"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f127"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f128"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f129"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f12a"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f12b"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f12c"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f12d"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f12e"; } .video-js { display: inline-block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 { width: 100%; max-width: 100%; } .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) { height: 0; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window, body.vjs-pip-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0 !important; display: block; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, 0.7); padding: 0.5em; text-align: center; width: 100%; } .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text { bottom: 0; font-size: 1.4em; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0; margin-top: -0.81666em; margin-left: -1.5em; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-button .vjs-svg-icon { width: 1em; height: 1em; position: absolute; top: 50%; left: 50%; line-height: 1; transform: translate(-50%, -50%); } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-js.vjs-spatial-navigation-enabled .vjs-button:focus { outline: 0.0625em solid white; box-shadow: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon { fill: #000000; } .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { background: none; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js.vjs-spatial-navigation-enabled .vjs-control-bar { gap: 1px; } .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing { display: flex !important; } .vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .vjs-button > .vjs-svg-icon { display: inline-block; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js *:not(.vjs-visible-text) > .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; line-height: 0.35em; z-index: 1; } .vjs-svg-icons-enabled .vjs-play-progress:before { content: none !important; } .vjs-play-progress .vjs-svg-icon { position: absolute; top: -0.35em; right: -0.4em; width: 0.9em; height: 0.9em; pointer-events: none; line-height: 0.15em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-load-progress div { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari, and Chrome 53 */ -webkit-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ -moz-user-select: none; user-select: none; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus { outline: 0.0625em solid white; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-svg-icons-enabled .vjs-volume-level:before { content: none; } .vjs-volume-level .vjs-svg-icon { position: absolute; width: 0.9em; height: 0.9em; pointer-events: none; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { line-height: 0.35em; right: -0.5em; } .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon { right: -0.3em; transform: translateY(-50%); } .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon { top: -0.55em; transform: translateX(-50%); } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block; } .vjs-poster img { width: 100%; height: 100%; object-fit: contain; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-svg-icons-enabled .vjs-seek-to-live-control { line-height: 0; } .vjs-seek-to-live-control .vjs-svg-icon { width: 1em; height: 1em; pointer-events: none; fill: #888888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon { fill: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control { display: flex; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .vjs-error .vjs-text-track-display { display: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js.vjs-force-center-align-cues .vjs-text-track-cue { text-align: center !important; width: 80% !important; } @supports not (inset: 10px) { .video-js .vjs-text-track-display > div { top: 0; right: 0; bottom: 0; left: 0; } } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.85; text-align: left; border: 0.6em solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 5em; height: 5em; border-radius: 50%; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: flex; justify-content: center; align-items: center; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-error .vjs-loading-spinner { display: none; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon { width: 1.5em; height: 1.5em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10c"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover { width: auto; width: initial; } .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: auto; display: block; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings { height: 80%; } .vjs-error .vjs-text-track-settings { display: none; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-text-track-settings select { font-size: inherit; } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 10px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0 0.6em 0.8em; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; font-weight: bold; font-size: 1.2em; } .vjs-text-track-settings .vjs-label { margin: 0 0.5em 0.5em 0; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .vjs-title-bar { background: rgba(0, 0, 0, 0.9); background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%); font-size: 1.2em; line-height: 1.5; transition: opacity 0.1s; padding: 0.666em 1.333em 4em; pointer-events: none; position: absolute; top: 0; width: 100%; } .vjs-error .vjs-title-bar { display: none; } .vjs-title-bar-title, .vjs-title-bar-description { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vjs-title-bar-title { font-weight: bold; margin-bottom: 0.333em; } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; transition: opacity 1s; } .video-js .vjs-skip-forward-5 { cursor: pointer; } .video-js .vjs-skip-forward-10 { cursor: pointer; } .video-js .vjs-skip-forward-30 { cursor: pointer; } .video-js .vjs-skip-backward-5 { cursor: pointer; } .video-js .vjs-skip-backward-10 { cursor: pointer; } .video-js .vjs-skip-backward-30 { cursor: pointer; } .video-js .vjs-transient-button { position: absolute; height: 3em; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.5); cursor: pointer; opacity: 1; transition: opacity 1s; } .video-js:not(.vjs-has-started) .vjs-transient-button { display: none; } .video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) { opacity: 0; } .video-js .vjs-transient-button span { padding: 0 0.5em; } .video-js .vjs-transient-button.vjs-left { left: 1em; } .video-js .vjs-transient-button.vjs-right { right: 1em; } .video-js .vjs-transient-button.vjs-top { top: 1em; } .video-js .vjs-transient-button.vjs-near-top { top: 4em; } .video-js .vjs-transient-button.vjs-bottom { bottom: 4em; } .video-js .vjs-transient-button:hover { background-color: rgba(50, 50, 50, 0.9); } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible) { outline: none; } /* Custom Video.js styles to integrate with our design */ .video-js { width: 100% !important; height: 100% !important; background: transparent !important; } .video-js .vjs-tech { object-fit: cover; width: 100%; height: 100%; } .video-js .vjs-control-bar { display: none !important; } .video-js .vjs-big-play-button { display: none !important; } .video-js .vjs-loading-spinner { display: none !important; } .video-js .vjs-poster { display: none !important; } /* Ensure video container fits properly */ .video-js-container { width: 100%; height: 100%; position: relative; background: transparent; } /* Make sure video element is visible */ .video-js video { width: 100%; height: 100%; object-fit: cover; } .video-js-container video { object-fit: cover; } .vjs-control-text{ display: none; }._output_card__video_10fop_1, ._output_card__image_10fop_2 { height: 100%; width: 100%; border-radius: 4px; } ._output_card__video_10fop_1, ._output_card__image_10fop_2 img { height: 100%; object-fit: cover; border-radius: 4px; } ._font-title_10fop_15 { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 6px; color: #F5F5F5; padding: 2px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: 0.2; } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translateX(-50%); } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: env(safe-area-inset-left); margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translateX(0); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } } .Toastify__toast { --y: 0; position: relative; -ms-touch-action: none; touch-action: none; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: var(--toastify-toast-bd-radius); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; overflow: hidden; } .Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0, var(--y), 0) scale(var(--s)); transition: transform 0.3s; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; } .Toastify__toast--stacked[data-collapsed=false] { overflow: visible; } .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked:after { content: ""; position: absolute; left: 0; right: 0; height: calc(var(--g) * 1px); bottom: 100%; } .Toastify__toast--stacked[data-pos=top] { top: 0; } .Toastify__toast--stacked[data-pos=bot] { bottom: 0; } .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before { transform-origin: top; } .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before { transform-origin: bottom; } .Toastify__toast--stacked:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; transform: scaleY(3); z-index: -1; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 6px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; -ms-flex: 1; flex: 1; } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; -ms-flex-item-align: start; align-self: flex-start; z-index: 1; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left; border-bottom-left-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right; border-bottom-left-radius: initial; border-bottom-right-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--wrp { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--wrp[data-hidden=true] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin 0.65s linear infinite; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, var(--y), 0); } to { opacity: 0; transform: translate3d(2000px, var(--y), 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, var(--y), 0); } to { opacity: 0; transform: translate3d(-2000px, var(--y), 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes Toastify__flipOut { from { transform: translate3d(0, var(--y), 0) perspective(400px); } 30% { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { from { transform: translate3d(110%, 0, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInLeft { from { transform: translate3d(-110%, 0, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInUp { from { transform: translate3d(0, 110%, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInDown { from { transform: translate3d(0, -110%, 0); visibility: visible; } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideOutRight { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(110%, var(--y), 0); } } @keyframes Toastify__slideOutLeft { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(-110%, var(--y), 0); } } @keyframes Toastify__slideOutDown { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutUp { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; } @keyframes Toastify__spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*# sourceMappingURL=ReactToastify.css.map */body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #1a202b; } .parent-hovered-element:hover .child-hovered-element { display: block !important; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } .overflow-y-on-hover:hover { overflow-y: auto !important; } .overflow-on-hover:hover { overflow: auto !important; } .scrollable::-webkit-scrollbar { display: block !important; } .custom-menu { background-color: #1a202b !important; color: #fff !important; } .custom-menu .MuiMenuItem-root { font-family: Inter !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; color: #aeb6c4; } .custom-menu .MuiMenuItem-root:hover { background-color: #394455 !important; } .textareaOverride::placeholder{ color: var(--neutral-light-n-90, #8993A4); font-family: Inter; font-size: 12px; font-weight: 500; line-height: 20px; text-align: left; } @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .scrollUpAnimationContainer { opacity: 0; } .animate { animation: slideUp 0.5s ease-out forwards; } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .adroom-root .h1, .adroom-root .h2, .adroom-root .h3, .adroom-root .h4, .adroom-root .h5, .adroom-root .h6, .adroom-root h1, .adroom-root h2, .adroom-root h3, .adroom-root h4, .adroom-root h5, .adroom-root h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .adroom-root .h1, .adroom-root h1 { font-size: 2.5rem; } .adroom-root .h2, .adroom-root h2 { font-size: 2rem; } .adroom-root .h3, .adroom-root h3 { font-size: 1.75rem; } .adroom-root .h4, .adroom-root h4 { font-size: 1.5rem; } .adroom-root .h5, .adroom-root h5 { font-size: 1.25rem; } .adroom-root .h6, .adroom-root h6 { font-size: 1rem; } .adroom-root .lead { font-size: 1.25rem; font-weight: 300; } .adroom-root .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .adroom-root .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .adroom-root .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .adroom-root .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } .adroom-root hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .adroom-root .small, .adroom-root small { font-size: 80%; font-weight: 400; } .adroom-root .mark, .adroom-root mark { padding: 0.2em; background-color: #fcf8e3; } .adroom-root .list-unstyled { padding-left: 0; list-style: none; } .adroom-root .list-inline { padding-left: 0; list-style: none; } .adroom-root .list-inline-item { display: inline-block; } .adroom-root .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .adroom-root .initialism { font-size: 90%; text-transform: uppercase; } .adroom-root .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .adroom-root .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .adroom-root .blockquote-footer::before { content: "— "; } .adroom-root .img-fluid { max-width: 100%; height: auto; } .adroom-root .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .adroom-root .figure { display: inline-block; } .adroom-root .figure-img { margin-bottom: 0.5rem; line-height: 1; } .adroom-root .figure-caption { font-size: 90%; color: #6c757d; } .adroom-root code, .adroom-root kbd, .adroom-root pre, .adroom-root samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .adroom-root code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } .adroom-root a > code { color: inherit; } .adroom-root kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } .adroom-root kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } .adroom-root pre { display: block; font-size: 87.5%; color: #212529; } .adroom-root pre code { font-size: inherit; color: inherit; word-break: normal; } .adroom-root .pre-scrollable { max-height: 340px; overflow-y: scroll; } .adroom-root .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .adroom-root .container { max-width: 540px; } } @media (min-width: 768px) { .adroom-root .container { max-width: 720px; } } @media (min-width: 992px) { .adroom-root .container { max-width: 960px; } } @media (min-width: 1200px) { .adroom-root .container { max-width: 1140px; } } .adroom-root .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .adroom-root .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .adroom-root .no-gutters { margin-right: 0; margin-left: 0; } .adroom-root .no-gutters > .col, .adroom-root .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .adroom-root .col, .adroom-root .col-1, .adroom-root .col-10, .adroom-root .col-11, .adroom-root .col-12, .adroom-root .col-2, .adroom-root .col-3, .adroom-root .col-4, .adroom-root .col-5, .adroom-root .col-6, .adroom-root .col-7, .adroom-root .col-8, .adroom-root .col-9, .adroom-root .col-auto, .adroom-root .col-lg, .adroom-root .col-lg-1, .adroom-root .col-lg-10, .adroom-root .col-lg-11, .adroom-root .col-lg-12, .adroom-root .col-lg-2, .adroom-root .col-lg-3, .adroom-root .col-lg-4, .adroom-root .col-lg-5, .adroom-root .col-lg-6, .adroom-root .col-lg-7, .adroom-root .col-lg-8, .adroom-root .col-lg-9, .adroom-root .col-lg-auto, .adroom-root .col-md, .adroom-root .col-md-1, .adroom-root .col-md-10, .adroom-root .col-md-11, .adroom-root .col-md-12, .adroom-root .col-md-2, .adroom-root .col-md-3, .adroom-root .col-md-4, .adroom-root .col-md-5, .adroom-root .col-md-6, .adroom-root .col-md-7, .adroom-root .col-md-8, .adroom-root .col-md-9, .adroom-root .col-md-auto, .adroom-root .col-sm, .adroom-root .col-sm-1, .adroom-root .col-sm-10, .adroom-root .col-sm-11, .adroom-root .col-sm-12, .adroom-root .col-sm-2, .adroom-root .col-sm-3, .adroom-root .col-sm-4, .adroom-root .col-sm-5, .adroom-root .col-sm-6, .adroom-root .col-sm-7, .adroom-root .col-sm-8, .adroom-root .col-sm-9, .adroom-root .col-sm-auto, .adroom-root .col-xl, .adroom-root .col-xl-1, .adroom-root .col-xl-10, .adroom-root .col-xl-11, .adroom-root .col-xl-12, .adroom-root .col-xl-2, .adroom-root .col-xl-3, .adroom-root .col-xl-4, .adroom-root .col-xl-5, .adroom-root .col-xl-6, .adroom-root .col-xl-7, .adroom-root .col-xl-8, .adroom-root .col-xl-9, .adroom-root .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .adroom-root .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .adroom-root .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .adroom-root .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .adroom-root .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .adroom-root .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .adroom-root .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .adroom-root .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .adroom-root .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .adroom-root .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adroom-root .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .adroom-root .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .adroom-root .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .adroom-root .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .adroom-root .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .adroom-root .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .adroom-root .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .adroom-root .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .adroom-root .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .adroom-root .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .adroom-root .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .adroom-root .offset-1 { margin-left: 8.333333%; } .adroom-root .offset-2 { margin-left: 16.666667%; } .adroom-root .offset-3 { margin-left: 25%; } .adroom-root .offset-4 { margin-left: 33.333333%; } .adroom-root .offset-5 { margin-left: 41.666667%; } .adroom-root .offset-6 { margin-left: 50%; } .adroom-root .offset-7 { margin-left: 58.333333%; } .adroom-root .offset-8 { margin-left: 66.666667%; } .adroom-root .offset-9 { margin-left: 75%; } .adroom-root .offset-10 { margin-left: 83.333333%; } .adroom-root .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .adroom-root .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .adroom-root .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .adroom-root .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .adroom-root .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .adroom-root .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .adroom-root .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .adroom-root .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .adroom-root .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .adroom-root .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adroom-root .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .adroom-root .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .adroom-root .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .adroom-root .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .adroom-root .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .adroom-root .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .adroom-root .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .adroom-root .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .adroom-root .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .adroom-root .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .adroom-root .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .adroom-root .offset-sm-0 { margin-left: 0; } .adroom-root .offset-sm-1 { margin-left: 8.333333%; } .adroom-root .offset-sm-2 { margin-left: 16.666667%; } .adroom-root .offset-sm-3 { margin-left: 25%; } .adroom-root .offset-sm-4 { margin-left: 33.333333%; } .adroom-root .offset-sm-5 { margin-left: 41.666667%; } .adroom-root .offset-sm-6 { margin-left: 50%; } .adroom-root .offset-sm-7 { margin-left: 58.333333%; } .adroom-root .offset-sm-8 { margin-left: 66.666667%; } .adroom-root .offset-sm-9 { margin-left: 75%; } .adroom-root .offset-sm-10 { margin-left: 83.333333%; } .adroom-root .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .adroom-root .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .adroom-root .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .adroom-root .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .adroom-root .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .adroom-root .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .adroom-root .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .adroom-root .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .adroom-root .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .adroom-root .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adroom-root .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .adroom-root .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .adroom-root .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .adroom-root .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .adroom-root .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .adroom-root .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .adroom-root .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .adroom-root .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .adroom-root .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .adroom-root .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .adroom-root .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .adroom-root .offset-md-0 { margin-left: 0; } .adroom-root .offset-md-1 { margin-left: 8.333333%; } .adroom-root .offset-md-2 { margin-left: 16.666667%; } .adroom-root .offset-md-3 { margin-left: 25%; } .adroom-root .offset-md-4 { margin-left: 33.333333%; } .adroom-root .offset-md-5 { margin-left: 41.666667%; } .adroom-root .offset-md-6 { margin-left: 50%; } .adroom-root .offset-md-7 { margin-left: 58.333333%; } .adroom-root .offset-md-8 { margin-left: 66.666667%; } .adroom-root .offset-md-9 { margin-left: 75%; } .adroom-root .offset-md-10 { margin-left: 83.333333%; } .adroom-root .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .adroom-root .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .adroom-root .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .adroom-root .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .adroom-root .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .adroom-root .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .adroom-root .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .adroom-root .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .adroom-root .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .adroom-root .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adroom-root .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .adroom-root .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .adroom-root .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .adroom-root .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .adroom-root .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .adroom-root .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .adroom-root .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .adroom-root .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .adroom-root .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .adroom-root .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .adroom-root .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .adroom-root .offset-lg-0 { margin-left: 0; } .adroom-root .offset-lg-1 { margin-left: 8.333333%; } .adroom-root .offset-lg-2 { margin-left: 16.666667%; } .adroom-root .offset-lg-3 { margin-left: 25%; } .adroom-root .offset-lg-4 { margin-left: 33.333333%; } .adroom-root .offset-lg-5 { margin-left: 41.666667%; } .adroom-root .offset-lg-6 { margin-left: 50%; } .adroom-root .offset-lg-7 { margin-left: 58.333333%; } .adroom-root .offset-lg-8 { margin-left: 66.666667%; } .adroom-root .offset-lg-9 { margin-left: 75%; } .adroom-root .offset-lg-10 { margin-left: 83.333333%; } .adroom-root .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .adroom-root .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .adroom-root .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .adroom-root .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .adroom-root .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .adroom-root .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .adroom-root .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .adroom-root .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .adroom-root .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .adroom-root .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adroom-root .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .adroom-root .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .adroom-root .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .adroom-root .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .adroom-root .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .adroom-root .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .adroom-root .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .adroom-root .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .adroom-root .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .adroom-root .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .adroom-root .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .adroom-root .offset-xl-0 { margin-left: 0; } .adroom-root .offset-xl-1 { margin-left: 8.333333%; } .adroom-root .offset-xl-2 { margin-left: 16.666667%; } .adroom-root .offset-xl-3 { margin-left: 25%; } .adroom-root .offset-xl-4 { margin-left: 33.333333%; } .adroom-root .offset-xl-5 { margin-left: 41.666667%; } .adroom-root .offset-xl-6 { margin-left: 50%; } .adroom-root .offset-xl-7 { margin-left: 58.333333%; } .adroom-root .offset-xl-8 { margin-left: 66.666667%; } .adroom-root .offset-xl-9 { margin-left: 75%; } .adroom-root .offset-xl-10 { margin-left: 83.333333%; } .adroom-root .offset-xl-11 { margin-left: 91.666667%; } } .adroom-root .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .adroom-root .table td, .adroom-root .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .adroom-root .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .adroom-root .table tbody + tbody { border-top: 2px solid #dee2e6; } .adroom-root .table .table { background-color: #fff; } .adroom-root .table-sm td, .adroom-root .table-sm th { padding: 0.3rem; } .adroom-root .table-bordered { border: 1px solid #dee2e6; } .adroom-root .table-bordered td, .adroom-root .table-bordered th { border: 1px solid #dee2e6; } .adroom-root .table-bordered thead td, .adroom-root .table-bordered thead th { border-bottom-width: 2px; } .adroom-root .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .adroom-root .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .adroom-root .table-primary, .adroom-root .table-primary > td, .adroom-root .table-primary > th { background-color: #b8daff; } .adroom-root .table-hover .table-primary:hover { background-color: #9fcdff; } .adroom-root .table-hover .table-primary:hover > td, .adroom-root .table-hover .table-primary:hover > th { background-color: #9fcdff; } .adroom-root .table-secondary, .adroom-root .table-secondary > td, .adroom-root .table-secondary > th { background-color: #d6d8db; } .adroom-root .table-hover .table-secondary:hover { background-color: #c8cbcf; } .adroom-root .table-hover .table-secondary:hover > td, .adroom-root .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .adroom-root .table-success, .adroom-root .table-success > td, .adroom-root .table-success > th { background-color: #c3e6cb; } .adroom-root .table-hover .table-success:hover { background-color: #b1dfbb; } .adroom-root .table-hover .table-success:hover > td, .adroom-root .table-hover .table-success:hover > th { background-color: #b1dfbb; } .adroom-root .table-info, .adroom-root .table-info > td, .adroom-root .table-info > th { background-color: #bee5eb; } .adroom-root .table-hover .table-info:hover { background-color: #abdde5; } .adroom-root .table-hover .table-info:hover > td, .adroom-root .table-hover .table-info:hover > th { background-color: #abdde5; } .adroom-root .table-warning, .adroom-root .table-warning > td, .adroom-root .table-warning > th { background-color: #ffeeba; } .adroom-root .table-hover .table-warning:hover { background-color: #ffe8a1; } .adroom-root .table-hover .table-warning:hover > td, .adroom-root .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .adroom-root .table-danger, .adroom-root .table-danger > td, .adroom-root .table-danger > th { background-color: #f5c6cb; } .adroom-root .table-hover .table-danger:hover { background-color: #f1b0b7; } .adroom-root .table-hover .table-danger:hover > td, .adroom-root .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .adroom-root .table-light, .adroom-root .table-light > td, .adroom-root .table-light > th { background-color: #fdfdfe; } .adroom-root .table-hover .table-light:hover { background-color: #ececf6; } .adroom-root .table-hover .table-light:hover > td, .adroom-root .table-hover .table-light:hover > th { background-color: #ececf6; } .adroom-root .table-dark, .adroom-root .table-dark > td, .adroom-root .table-dark > th { background-color: #c6c8ca; } .adroom-root .table-hover .table-dark:hover { background-color: #b9bbbe; } .adroom-root .table-hover .table-dark:hover > td, .adroom-root .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .adroom-root .table-active, .adroom-root .table-active > td, .adroom-root .table-active > th { background-color: rgba(0, 0, 0, 0.075); } .adroom-root .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .adroom-root .table-hover .table-active:hover > td, .adroom-root .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .adroom-root .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .adroom-root .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .adroom-root .table-dark { color: #fff; background-color: #212529; } .adroom-root .table-dark td, .adroom-root .table-dark th, .adroom-root .table-dark thead th { border-color: #32383e; } .adroom-root .table-dark.table-bordered { border: 0; } .adroom-root .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .adroom-root .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .adroom-root .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .adroom-root .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .adroom-root .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .adroom-root .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .adroom-root .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .adroom-root .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .adroom-root .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .adroom-root .table-responsive-xl > .table-bordered { border: 0; } } .adroom-root .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .adroom-root .table-responsive > .table-bordered { border: 0; } .adroom-root .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .adroom-root .form-control::-ms-expand { background-color: transparent; border: 0; } .adroom-root .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .adroom-root .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .adroom-root .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .adroom-root .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .adroom-root .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .adroom-root .form-control::placeholder { color: #6c757d; opacity: 1; } .adroom-root .form-control:disabled, .adroom-root .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .adroom-root select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } .adroom-root select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .adroom-root .form-control-file, .adroom-root .form-control-range { display: block; width: 100%; } .adroom-root .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .adroom-root .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .adroom-root .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .adroom-root .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .adroom-root .form-control-plaintext.form-control-lg, .adroom-root .form-control-plaintext.form-control-sm, .adroom-root .input-group-lg > .form-control-plaintext.form-control, .adroom-root .input-group-lg > .input-group-append > .form-control-plaintext.btn, .adroom-root .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .adroom-root .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .adroom-root .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .adroom-root .input-group-sm > .form-control-plaintext.form-control, .adroom-root .input-group-sm > .input-group-append > .form-control-plaintext.btn, .adroom-root .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .adroom-root .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .adroom-root .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; } .adroom-root .form-control-sm, .adroom-root .input-group-sm > .form-control, .adroom-root .input-group-sm > .input-group-append > .btn, .adroom-root .input-group-sm > .input-group-append > .input-group-text, .adroom-root .input-group-sm > .input-group-prepend > .btn, .adroom-root .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .adroom-root .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .adroom-root .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .adroom-root .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .adroom-root .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .adroom-root .input-group-sm > select.form-control:not([size]):not([multiple]), .adroom-root select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .adroom-root .form-control-lg, .adroom-root .input-group-lg > .form-control, .adroom-root .input-group-lg > .input-group-append > .btn, .adroom-root .input-group-lg > .input-group-append > .input-group-text, .adroom-root .input-group-lg > .input-group-prepend > .btn, .adroom-root .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .adroom-root .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .adroom-root .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .adroom-root .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .adroom-root .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .adroom-root .input-group-lg > select.form-control:not([size]):not([multiple]), .adroom-root select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .adroom-root .form-group { margin-bottom: 1rem; } .adroom-root .form-text { display: block; margin-top: 0.25rem; } .adroom-root .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .adroom-root .form-row > .col, .adroom-root .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .adroom-root .form-check { position: relative; display: block; padding-left: 1.25rem; } .adroom-root .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .adroom-root .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .adroom-root .form-check-label { margin-bottom: 0; } .adroom-root .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .adroom-root .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .adroom-root .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .adroom-root .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: 0.2rem; } .adroom-root .custom-select.is-valid, .adroom-root .form-control.is-valid, .adroom-root .was-validated .custom-select:valid, .adroom-root .was-validated .form-control:valid { border-color: #28a745; } .adroom-root .custom-select.is-valid:focus, .adroom-root .form-control.is-valid:focus, .adroom-root .was-validated .custom-select:valid:focus, .adroom-root .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .adroom-root .custom-select.is-valid ~ .valid-feedback, .adroom-root .custom-select.is-valid ~ .valid-tooltip, .adroom-root .form-control.is-valid ~ .valid-feedback, .adroom-root .form-control.is-valid ~ .valid-tooltip, .adroom-root .was-validated .custom-select:valid ~ .valid-feedback, .adroom-root .was-validated .custom-select:valid ~ .valid-tooltip, .adroom-root .was-validated .form-control:valid ~ .valid-feedback, .adroom-root .was-validated .form-control:valid ~ .valid-tooltip { display: block; } .adroom-root .form-check-input.is-valid ~ .form-check-label, .adroom-root .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745; } .adroom-root .form-check-input.is-valid ~ .valid-feedback, .adroom-root .form-check-input.is-valid ~ .valid-tooltip, .adroom-root .was-validated .form-check-input:valid ~ .valid-feedback, .adroom-root .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .adroom-root .custom-control-input.is-valid ~ .custom-control-label, .adroom-root .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745; } .adroom-root .custom-control-input.is-valid ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a; } .adroom-root .custom-control-input.is-valid ~ .valid-feedback, .adroom-root .custom-control-input.is-valid ~ .valid-tooltip, .adroom-root .was-validated .custom-control-input:valid ~ .valid-feedback, .adroom-root .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; } .adroom-root .custom-control-input.is-valid:checked ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .adroom-root .custom-control-input.is-valid:focus ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .adroom-root .custom-file-input.is-valid ~ .custom-file-label, .adroom-root .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745; } .adroom-root .custom-file-input.is-valid ~ .custom-file-label::before, .adroom-root .was-validated .custom-file-input:valid ~ .custom-file-label::before { border-color: inherit; } .adroom-root .custom-file-input.is-valid ~ .valid-feedback, .adroom-root .custom-file-input.is-valid ~ .valid-tooltip, .adroom-root .was-validated .custom-file-input:valid ~ .valid-feedback, .adroom-root .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; } .adroom-root .custom-file-input.is-valid:focus ~ .custom-file-label, .adroom-root .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .adroom-root .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .adroom-root .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: 0.2rem; } .adroom-root .custom-select.is-invalid, .adroom-root .form-control.is-invalid, .adroom-root .was-validated .custom-select:invalid, .adroom-root .was-validated .form-control:invalid { border-color: #dc3545; } .adroom-root .custom-select.is-invalid:focus, .adroom-root .form-control.is-invalid:focus, .adroom-root .was-validated .custom-select:invalid:focus, .adroom-root .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .adroom-root .custom-select.is-invalid ~ .invalid-feedback, .adroom-root .custom-select.is-invalid ~ .invalid-tooltip, .adroom-root .form-control.is-invalid ~ .invalid-feedback, .adroom-root .form-control.is-invalid ~ .invalid-tooltip, .adroom-root .was-validated .custom-select:invalid ~ .invalid-feedback, .adroom-root .was-validated .custom-select:invalid ~ .invalid-tooltip, .adroom-root .was-validated .form-control:invalid ~ .invalid-feedback, .adroom-root .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; } .adroom-root .form-check-input.is-invalid ~ .form-check-label, .adroom-root .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545; } .adroom-root .form-check-input.is-invalid ~ .invalid-feedback, .adroom-root .form-check-input.is-invalid ~ .invalid-tooltip, .adroom-root .was-validated .form-check-input:invalid ~ .invalid-feedback, .adroom-root .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .adroom-root .custom-control-input.is-invalid ~ .custom-control-label, .adroom-root .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545; } .adroom-root .custom-control-input.is-invalid ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #efa2a9; } .adroom-root .custom-control-input.is-invalid ~ .invalid-feedback, .adroom-root .custom-control-input.is-invalid ~ .invalid-tooltip, .adroom-root .was-validated .custom-control-input:invalid ~ .invalid-feedback, .adroom-root .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; } .adroom-root .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .adroom-root .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .adroom-root .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .adroom-root .custom-file-input.is-invalid ~ .custom-file-label, .adroom-root .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545; } .adroom-root .custom-file-input.is-invalid ~ .custom-file-label::before, .adroom-root .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit; } .adroom-root .custom-file-input.is-invalid ~ .invalid-feedback, .adroom-root .custom-file-input.is-invalid ~ .invalid-tooltip, .adroom-root .was-validated .custom-file-input:invalid ~ .invalid-feedback, .adroom-root .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; } .adroom-root .custom-file-input.is-invalid:focus ~ .custom-file-label, .adroom-root .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .adroom-root .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .adroom-root .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .adroom-root .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .adroom-root .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .adroom-root .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .adroom-root .form-inline .form-control-plaintext { display: inline-block; } .adroom-root .form-inline .input-group { width: auto; } .adroom-root .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .adroom-root .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .adroom-root .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .adroom-root .form-inline .custom-control-label { margin-bottom: 0; } } .adroom-root .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .adroom-root .btn:focus, .adroom-root .btn:hover { text-decoration: none; } .adroom-root .btn.focus, .adroom-root .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .adroom-root .btn.disabled, .adroom-root .btn:disabled { opacity: 0.65; } .adroom-root .btn:not(:disabled):not(.disabled) { cursor: pointer; } .adroom-root .btn:not(:disabled):not(.disabled).active, .adroom-root .btn:not(:disabled):not(.disabled):active { background-image: none; } .adroom-root a.btn.disabled, .adroom-root fieldset:disabled a.btn { pointer-events: none; } .adroom-root .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .adroom-root .btn-primary.focus, .adroom-root .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .adroom-root .btn-primary.disabled, .adroom-root .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .btn-primary:not(:disabled):not(.disabled).active, .adroom-root .btn-primary:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .adroom-root .btn-primary:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-primary:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .adroom-root .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .adroom-root .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .adroom-root .btn-secondary.focus, .adroom-root .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .adroom-root .btn-secondary.disabled, .adroom-root .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .adroom-root .btn-secondary:not(:disabled):not(.disabled).active, .adroom-root .btn-secondary:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .adroom-root .btn-secondary:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-secondary:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .adroom-root .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .adroom-root .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .adroom-root .btn-success.focus, .adroom-root .btn-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .adroom-root .btn-success.disabled, .adroom-root .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .adroom-root .btn-success:not(:disabled):not(.disabled).active, .adroom-root .btn-success:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .adroom-root .btn-success:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-success:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .adroom-root .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .adroom-root .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .adroom-root .btn-info.focus, .adroom-root .btn-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .adroom-root .btn-info.disabled, .adroom-root .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .adroom-root .btn-info:not(:disabled):not(.disabled).active, .adroom-root .btn-info:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .adroom-root .btn-info:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-info:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .adroom-root .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .adroom-root .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .adroom-root .btn-warning.focus, .adroom-root .btn-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .adroom-root .btn-warning.disabled, .adroom-root .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .adroom-root .btn-warning:not(:disabled):not(.disabled).active, .adroom-root .btn-warning:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .adroom-root .btn-warning:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-warning:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .adroom-root .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .adroom-root .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .adroom-root .btn-danger.focus, .adroom-root .btn-danger:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .adroom-root .btn-danger.disabled, .adroom-root .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .adroom-root .btn-danger:not(:disabled):not(.disabled).active, .adroom-root .btn-danger:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .adroom-root .btn-danger:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-danger:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .adroom-root .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .adroom-root .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .adroom-root .btn-light.focus, .adroom-root .btn-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .adroom-root .btn-light.disabled, .adroom-root .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .adroom-root .btn-light:not(:disabled):not(.disabled).active, .adroom-root .btn-light:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .adroom-root .btn-light:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-light:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .adroom-root .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .adroom-root .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .adroom-root .btn-dark.focus, .adroom-root .btn-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .adroom-root .btn-dark.disabled, .adroom-root .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .adroom-root .btn-dark:not(:disabled):not(.disabled).active, .adroom-root .btn-dark:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .adroom-root .btn-dark:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-dark:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .adroom-root .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .adroom-root .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .btn-outline-primary.focus, .adroom-root .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .adroom-root .btn-outline-primary.disabled, .adroom-root .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .adroom-root .btn-outline-primary:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-primary:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .adroom-root .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .adroom-root .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .adroom-root .btn-outline-secondary.focus, .adroom-root .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .adroom-root .btn-outline-secondary.disabled, .adroom-root .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .adroom-root .btn-outline-secondary:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-secondary:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .adroom-root .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .adroom-root .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .adroom-root .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .adroom-root .btn-outline-success.focus, .adroom-root .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .adroom-root .btn-outline-success.disabled, .adroom-root .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .adroom-root .btn-outline-success:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-success:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .adroom-root .btn-outline-success:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-success:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .adroom-root .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .adroom-root .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .adroom-root .btn-outline-info.focus, .adroom-root .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .adroom-root .btn-outline-info.disabled, .adroom-root .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .adroom-root .btn-outline-info:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-info:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .adroom-root .btn-outline-info:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-info:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .adroom-root .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .adroom-root .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .adroom-root .btn-outline-warning.focus, .adroom-root .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .adroom-root .btn-outline-warning.disabled, .adroom-root .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .adroom-root .btn-outline-warning:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-warning:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .adroom-root .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .adroom-root .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .adroom-root .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .adroom-root .btn-outline-danger.focus, .adroom-root .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .adroom-root .btn-outline-danger.disabled, .adroom-root .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .adroom-root .btn-outline-danger:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-danger:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .adroom-root .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .adroom-root .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .adroom-root .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .adroom-root .btn-outline-light.focus, .adroom-root .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .adroom-root .btn-outline-light.disabled, .adroom-root .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .adroom-root .btn-outline-light:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-light:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .adroom-root .btn-outline-light:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-light:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .adroom-root .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .adroom-root .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .adroom-root .btn-outline-dark.focus, .adroom-root .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .adroom-root .btn-outline-dark.disabled, .adroom-root .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .adroom-root .btn-outline-dark:not(:disabled):not(.disabled).active, .adroom-root .btn-outline-dark:not(:disabled):not(.disabled):active, .adroom-root .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .adroom-root .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .adroom-root .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .adroom-root .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .adroom-root .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .adroom-root .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .adroom-root .btn-link.focus, .adroom-root .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .adroom-root .btn-link.disabled, .adroom-root .btn-link:disabled { color: #6c757d; } .adroom-root .btn-group-lg > .btn, .adroom-root .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .adroom-root .btn-group-sm > .btn, .adroom-root .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .adroom-root .btn-block { display: block; width: 100%; } .adroom-root .btn-block + .btn-block { margin-top: 0.5rem; } .adroom-root input[type=button].btn-block, .adroom-root input[type=reset].btn-block, .adroom-root input[type=submit].btn-block { width: 100%; } .adroom-root .fade { opacity: 0; transition: opacity 0.15s linear; } .adroom-root .fade.show { opacity: 1; } .adroom-root .collapse { display: none; } .adroom-root .collapse.show { display: block; } .adroom-root tr.collapse.show { display: table-row; } .adroom-root tbody.collapse.show { display: table-row-group; } .adroom-root .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .adroom-root .dropdown, .adroom-root .dropup { position: relative; } .adroom-root .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .adroom-root .dropdown-toggle:empty::after { margin-left: 0; } .adroom-root .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .adroom-root .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .adroom-root .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .adroom-root .dropup .dropdown-toggle:empty::after { margin-left: 0; } .adroom-root .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .adroom-root .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .adroom-root .dropright .dropdown-toggle:empty::after { margin-left: 0; } .adroom-root .dropright .dropdown-toggle::after { vertical-align: 0; } .adroom-root .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .adroom-root .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .adroom-root .dropleft .dropdown-toggle::after { display: none; } .adroom-root .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .adroom-root .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .adroom-root .dropleft .dropdown-toggle::before { vertical-align: 0; } .adroom-root .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .adroom-root .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .adroom-root .dropdown-item:focus, .adroom-root .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .adroom-root .dropdown-item.active, .adroom-root .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .adroom-root .dropdown-item.disabled, .adroom-root .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .adroom-root .dropdown-menu.show { display: block; } .adroom-root .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .adroom-root .btn-group, .adroom-root .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .adroom-root .btn-group-vertical > .btn, .adroom-root .btn-group > .btn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .adroom-root .btn-group-vertical > .btn:hover, .adroom-root .btn-group > .btn:hover { z-index: 1; } .adroom-root .btn-group-vertical > .btn.active, .adroom-root .btn-group-vertical > .btn:active, .adroom-root .btn-group-vertical > .btn:focus, .adroom-root .btn-group > .btn.active, .adroom-root .btn-group > .btn:active, .adroom-root .btn-group > .btn:focus { z-index: 1; } .adroom-root .btn-group .btn + .btn, .adroom-root .btn-group .btn + .btn-group, .adroom-root .btn-group .btn-group + .btn, .adroom-root .btn-group .btn-group + .btn-group, .adroom-root .btn-group-vertical .btn + .btn, .adroom-root .btn-group-vertical .btn + .btn-group, .adroom-root .btn-group-vertical .btn-group + .btn, .adroom-root .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .adroom-root .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .btn-toolbar .input-group { width: auto; } .adroom-root .btn-group > .btn:first-child { margin-left: 0; } .adroom-root .btn-group > .btn-group:not(:last-child) > .btn, .adroom-root .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .adroom-root .btn-group > .btn-group:not(:first-child) > .btn, .adroom-root .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adroom-root .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .adroom-root .dropdown-toggle-split::after { margin-left: 0; } .adroom-root .btn-group-sm > .btn + .dropdown-toggle-split, .adroom-root .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .adroom-root .btn-group-lg > .btn + .dropdown-toggle-split, .adroom-root .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .adroom-root .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .adroom-root .btn-group-vertical .btn, .adroom-root .btn-group-vertical .btn-group { width: 100%; } .adroom-root .btn-group-vertical > .btn + .btn, .adroom-root .btn-group-vertical > .btn + .btn-group, .adroom-root .btn-group-vertical > .btn-group + .btn, .adroom-root .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .adroom-root .btn-group-vertical > .btn-group:not(:last-child) > .btn, .adroom-root .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .adroom-root .btn-group-vertical > .btn-group:not(:first-child) > .btn, .adroom-root .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .adroom-root .btn-group-toggle > .btn, .adroom-root .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .adroom-root .btn-group-toggle > .btn input[type=checkbox], .adroom-root .btn-group-toggle > .btn input[type=radio], .adroom-root .btn-group-toggle > .btn-group > .btn input[type=checkbox], .adroom-root .btn-group-toggle > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .adroom-root .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .adroom-root .input-group > .custom-file, .adroom-root .input-group > .custom-select, .adroom-root .input-group > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .adroom-root .input-group > .custom-file:focus, .adroom-root .input-group > .custom-select:focus, .adroom-root .input-group > .form-control:focus { z-index: 3; } .adroom-root .input-group > .custom-file + .custom-file, .adroom-root .input-group > .custom-file + .custom-select, .adroom-root .input-group > .custom-file + .form-control, .adroom-root .input-group > .custom-select + .custom-file, .adroom-root .input-group > .custom-select + .custom-select, .adroom-root .input-group > .custom-select + .form-control, .adroom-root .input-group > .form-control + .custom-file, .adroom-root .input-group > .form-control + .custom-select, .adroom-root .input-group > .form-control + .form-control { margin-left: -1px; } .adroom-root .input-group > .custom-select:not(:last-child), .adroom-root .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .adroom-root .input-group > .custom-select:not(:first-child), .adroom-root .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adroom-root .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .adroom-root .input-group > .custom-file:not(:last-child) .custom-file-label, .adroom-root .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .adroom-root .input-group > .custom-file:not(:first-child) .custom-file-label, .adroom-root .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adroom-root .input-group-append, .adroom-root .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex; } .adroom-root .input-group-append .btn, .adroom-root .input-group-prepend .btn { position: relative; z-index: 2; } .adroom-root .input-group-append .btn + .btn, .adroom-root .input-group-append .btn + .input-group-text, .adroom-root .input-group-append .input-group-text + .btn, .adroom-root .input-group-append .input-group-text + .input-group-text, .adroom-root .input-group-prepend .btn + .btn, .adroom-root .input-group-prepend .btn + .input-group-text, .adroom-root .input-group-prepend .input-group-text + .btn, .adroom-root .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; } .adroom-root .input-group-prepend { margin-right: -1px; } .adroom-root .input-group-append { margin-left: -1px; } .adroom-root .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .adroom-root .input-group-text input[type=checkbox], .adroom-root .input-group-text input[type=radio] { margin-top: 0; } .adroom-root .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .adroom-root .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .adroom-root .input-group > .input-group-append:not(:last-child) > .btn, .adroom-root .input-group > .input-group-append:not(:last-child) > .input-group-text, .adroom-root .input-group > .input-group-prepend > .btn, .adroom-root .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .adroom-root .input-group > .input-group-append > .btn, .adroom-root .input-group > .input-group-append > .input-group-text, .adroom-root .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .adroom-root .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .adroom-root .input-group > .input-group-prepend:not(:first-child) > .btn, .adroom-root .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adroom-root .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .adroom-root .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .adroom-root .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .adroom-root .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .adroom-root .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .adroom-root .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .adroom-root .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .adroom-root .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .adroom-root .custom-control-label { margin-bottom: 0; } .adroom-root .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .adroom-root .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .adroom-root .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .adroom-root .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .adroom-root .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .adroom-root .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .adroom-root .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .adroom-root .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .adroom-root .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .adroom-root .custom-radio .custom-control-label::before { border-radius: 50%; } .adroom-root .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .adroom-root .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .adroom-root .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .adroom-root .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .adroom-root .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .adroom-root .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .adroom-root .custom-select[multiple], .adroom-root .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .adroom-root .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .adroom-root .custom-select::-ms-expand { opacity: 0; } .adroom-root .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .adroom-root .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .adroom-root .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .adroom-root .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .adroom-root .custom-file-input:focus ~ .custom-file-control { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .adroom-root .custom-file-input:focus ~ .custom-file-control::before { border-color: #80bdff; } .adroom-root .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .adroom-root .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .adroom-root .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(2.25rem + 2px - 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .adroom-root .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .adroom-root .nav-link { display: block; padding: 0.5rem 1rem; } .adroom-root .nav-link:focus, .adroom-root .nav-link:hover { text-decoration: none; } .adroom-root .nav-link.disabled { color: #6c757d; } .adroom-root .nav-tabs { border-bottom: 1px solid #dee2e6; } .adroom-root .nav-tabs .nav-item { margin-bottom: -1px; } .adroom-root .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .adroom-root .nav-tabs .nav-link:focus, .adroom-root .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .adroom-root .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .adroom-root .nav-tabs .nav-item.show .nav-link, .adroom-root .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .adroom-root .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .adroom-root .nav-pills .nav-link { border-radius: 0.25rem; } .adroom-root .nav-pills .nav-link.active, .adroom-root .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .adroom-root .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .adroom-root .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .adroom-root .tab-content > .tab-pane { display: none; } .adroom-root .tab-content > .active { display: block; } .adroom-root .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .adroom-root .navbar > .container, .adroom-root .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .adroom-root .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .adroom-root .navbar-brand:focus, .adroom-root .navbar-brand:hover { text-decoration: none; } .adroom-root .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .adroom-root .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .adroom-root .navbar-nav .dropdown-menu { position: static; float: none; } .adroom-root .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .adroom-root .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .adroom-root .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .adroom-root .navbar-toggler:focus, .adroom-root .navbar-toggler:hover { text-decoration: none; } .adroom-root .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .adroom-root .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .adroom-root .navbar-expand-sm > .container, .adroom-root .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .adroom-root .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .adroom-root .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .adroom-root .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .adroom-root .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .adroom-root .navbar-expand-sm > .container, .adroom-root .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .adroom-root .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .adroom-root .navbar-expand-sm .navbar-toggler { display: none; } .adroom-root .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .adroom-root .navbar-expand-md > .container, .adroom-root .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .adroom-root .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .adroom-root .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .adroom-root .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .adroom-root .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .adroom-root .navbar-expand-md > .container, .adroom-root .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .adroom-root .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .adroom-root .navbar-expand-md .navbar-toggler { display: none; } .adroom-root .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .adroom-root .navbar-expand-lg > .container, .adroom-root .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .adroom-root .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .adroom-root .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .adroom-root .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .adroom-root .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .adroom-root .navbar-expand-lg > .container, .adroom-root .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .adroom-root .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .adroom-root .navbar-expand-lg .navbar-toggler { display: none; } .adroom-root .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .adroom-root .navbar-expand-xl > .container, .adroom-root .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .adroom-root .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .adroom-root .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .adroom-root .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .adroom-root .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .adroom-root .navbar-expand-xl > .container, .adroom-root .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .adroom-root .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .adroom-root .navbar-expand-xl .navbar-toggler { display: none; } .adroom-root .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .adroom-root .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .adroom-root .navbar-expand > .container, .adroom-root .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .adroom-root .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .adroom-root .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .adroom-root .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .adroom-root .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .adroom-root .navbar-expand > .container, .adroom-root .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .adroom-root .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .adroom-root .navbar-expand .navbar-toggler { display: none; } .adroom-root .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .adroom-root .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .adroom-root .navbar-light .navbar-brand:focus, .adroom-root .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .adroom-root .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .adroom-root .navbar-light .navbar-nav .nav-link:focus, .adroom-root .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .adroom-root .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .adroom-root .navbar-light .navbar-nav .active > .nav-link, .adroom-root .navbar-light .navbar-nav .nav-link.active, .adroom-root .navbar-light .navbar-nav .nav-link.show, .adroom-root .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .adroom-root .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .adroom-root .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .adroom-root .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .adroom-root .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .adroom-root .navbar-light .navbar-text a:focus, .adroom-root .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .adroom-root .navbar-dark .navbar-brand { color: #fff; } .adroom-root .navbar-dark .navbar-brand:focus, .adroom-root .navbar-dark .navbar-brand:hover { color: #fff; } .adroom-root .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .adroom-root .navbar-dark .navbar-nav .nav-link:focus, .adroom-root .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .adroom-root .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .adroom-root .navbar-dark .navbar-nav .active > .nav-link, .adroom-root .navbar-dark .navbar-nav .nav-link.active, .adroom-root .navbar-dark .navbar-nav .nav-link.show, .adroom-root .navbar-dark .navbar-nav .show > .nav-link { color: #fff; } .adroom-root .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .adroom-root .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .adroom-root .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .adroom-root .navbar-dark .navbar-text a { color: #fff; } .adroom-root .navbar-dark .navbar-text a:focus, .adroom-root .navbar-dark .navbar-text a:hover { color: #fff; } .adroom-root .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .adroom-root .card > hr { margin-right: 0; margin-left: 0; } .adroom-root .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .adroom-root .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .adroom-root .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .adroom-root .card-title { margin-bottom: 0.75rem; } .adroom-root .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .adroom-root .card-text:last-child { margin-bottom: 0; } .adroom-root .card-link:hover { text-decoration: none; } .adroom-root .card-link + .card-link { margin-left: 1.25rem; } .adroom-root .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .adroom-root .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .adroom-root .card-header + .list-group .list-group-item:first-child { border-top: 0; } .adroom-root .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .adroom-root .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .adroom-root .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .adroom-root .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .adroom-root .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .adroom-root .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .adroom-root .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .adroom-root .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .adroom-root .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .adroom-root .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .adroom-root .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .adroom-root .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .adroom-root .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .adroom-root .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .adroom-root .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .adroom-root .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .adroom-root .card-group > .card + .card { margin-left: 0; border-left: 0; } .adroom-root .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .adroom-root .card-group > .card:first-child .card-header, .adroom-root .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; } .adroom-root .card-group > .card:first-child .card-footer, .adroom-root .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .adroom-root .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .adroom-root .card-group > .card:last-child .card-header, .adroom-root .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; } .adroom-root .card-group > .card:last-child .card-footer, .adroom-root .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .adroom-root .card-group > .card:only-child { border-radius: 0.25rem; } .adroom-root .card-group > .card:only-child .card-header, .adroom-root .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .adroom-root .card-group > .card:only-child .card-footer, .adroom-root .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .adroom-root .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .adroom-root .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .adroom-root .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .adroom-root .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .adroom-root .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; } } .adroom-root .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .adroom-root .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .adroom-root .card-columns .card { display: inline-block; width: 100%; } } .adroom-root .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .adroom-root .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .adroom-root .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .adroom-root .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .adroom-root .breadcrumb-item.active { color: #6c757d; } .adroom-root .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .adroom-root .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .adroom-root .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .adroom-root .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .adroom-root .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .adroom-root .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .adroom-root .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .adroom-root .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .adroom-root .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .adroom-root .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .adroom-root .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .adroom-root .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .adroom-root .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .adroom-root .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .adroom-root .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .adroom-root .badge:empty { display: none; } .adroom-root .btn .badge { position: relative; top: -1px; } .adroom-root .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .adroom-root .badge-primary { color: #fff; background-color: #007bff; } .adroom-root .badge-primary[href]:focus, .adroom-root .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; } .adroom-root .badge-secondary { color: #fff; background-color: #6c757d; } .adroom-root .badge-secondary[href]:focus, .adroom-root .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62; } .adroom-root .badge-success { color: #fff; background-color: #28a745; } .adroom-root .badge-success[href]:focus, .adroom-root .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; } .adroom-root .badge-info { color: #fff; background-color: #17a2b8; } .adroom-root .badge-info[href]:focus, .adroom-root .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; } .adroom-root .badge-warning { color: #212529; background-color: #ffc107; } .adroom-root .badge-warning[href]:focus, .adroom-root .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00; } .adroom-root .badge-danger { color: #fff; background-color: #dc3545; } .adroom-root .badge-danger[href]:focus, .adroom-root .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; } .adroom-root .badge-light { color: #212529; background-color: #f8f9fa; } .adroom-root .badge-light[href]:focus, .adroom-root .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5; } .adroom-root .badge-dark { color: #fff; background-color: #343a40; } .adroom-root .badge-dark[href]:focus, .adroom-root .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124; } .adroom-root .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .adroom-root .jumbotron { padding: 4rem 2rem; } } .adroom-root .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .adroom-root .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .adroom-root .alert-heading { color: inherit; } .adroom-root .alert-link { font-weight: 700; } .adroom-root .alert-dismissible { padding-right: 4rem; } .adroom-root .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .adroom-root .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .adroom-root .alert-primary hr { border-top-color: #9fcdff; } .adroom-root .alert-primary .alert-link { color: #002752; } .adroom-root .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .adroom-root .alert-secondary hr { border-top-color: #c8cbcf; } .adroom-root .alert-secondary .alert-link { color: #202326; } .adroom-root .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .adroom-root .alert-success hr { border-top-color: #b1dfbb; } .adroom-root .alert-success .alert-link { color: #0b2e13; } .adroom-root .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .adroom-root .alert-info hr { border-top-color: #abdde5; } .adroom-root .alert-info .alert-link { color: #062c33; } .adroom-root .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .adroom-root .alert-warning hr { border-top-color: #ffe8a1; } .adroom-root .alert-warning .alert-link { color: #533f03; } .adroom-root .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .adroom-root .alert-danger hr { border-top-color: #f1b0b7; } .adroom-root .alert-danger .alert-link { color: #491217; } .adroom-root .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .adroom-root .alert-light hr { border-top-color: #ececf6; } .adroom-root .alert-light .alert-link { color: #686868; } .adroom-root .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .adroom-root .alert-dark hr { border-top-color: #b9bbbe; } .adroom-root .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .adroom-root .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .adroom-root .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width 0.6s ease; } .adroom-root .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .adroom-root .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .adroom-root .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .adroom-root .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .adroom-root .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .adroom-root .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .adroom-root .list-group-item-action:focus, .adroom-root .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa; } .adroom-root .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .adroom-root .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .adroom-root .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .adroom-root .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .adroom-root .list-group-item:focus, .adroom-root .list-group-item:hover { z-index: 1; text-decoration: none; } .adroom-root .list-group-item.disabled, .adroom-root .list-group-item:disabled { color: #6c757d; background-color: #fff; } .adroom-root .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .adroom-root .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .adroom-root .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .adroom-root .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .adroom-root .list-group-item-primary { color: #004085; background-color: #b8daff; } .adroom-root .list-group-item-primary.list-group-item-action:focus, .adroom-root .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff; } .adroom-root .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .adroom-root .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .adroom-root .list-group-item-secondary.list-group-item-action:focus, .adroom-root .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf; } .adroom-root .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .adroom-root .list-group-item-success { color: #155724; background-color: #c3e6cb; } .adroom-root .list-group-item-success.list-group-item-action:focus, .adroom-root .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb; } .adroom-root .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .adroom-root .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .adroom-root .list-group-item-info.list-group-item-action:focus, .adroom-root .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5; } .adroom-root .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .adroom-root .list-group-item-warning { color: #856404; background-color: #ffeeba; } .adroom-root .list-group-item-warning.list-group-item-action:focus, .adroom-root .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1; } .adroom-root .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .adroom-root .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .adroom-root .list-group-item-danger.list-group-item-action:focus, .adroom-root .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7; } .adroom-root .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .adroom-root .list-group-item-light { color: #818182; background-color: #fdfdfe; } .adroom-root .list-group-item-light.list-group-item-action:focus, .adroom-root .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6; } .adroom-root .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .adroom-root .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .adroom-root .list-group-item-dark.list-group-item-action:focus, .adroom-root .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe; } .adroom-root .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .adroom-root .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .adroom-root .close:focus, .adroom-root .close:hover { color: #000; text-decoration: none; opacity: 0.75; } .adroom-root .close:not(:disabled):not(.disabled) { cursor: pointer; } .adroom-root button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .adroom-root .modal-open { overflow: hidden; } .adroom-root .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .adroom-root .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .adroom-root .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .adroom-root .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .adroom-root .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .adroom-root .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .adroom-root .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .adroom-root .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .adroom-root .modal-backdrop.fade { opacity: 0; } .adroom-root .modal-backdrop.show { opacity: 0.5; } .adroom-root .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .adroom-root .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .adroom-root .modal-title { margin-bottom: 0; line-height: 1.5; } .adroom-root .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .adroom-root .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .adroom-root .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .adroom-root .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .adroom-root .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .adroom-root .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .adroom-root .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .adroom-root .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .adroom-root .modal-lg { max-width: 800px; } } .adroom-root .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .adroom-root .tooltip.show { opacity: 0.9; } .adroom-root .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .adroom-root .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .adroom-root .bs-tooltip-auto[x-placement^=top], .adroom-root .bs-tooltip-top { padding: 0.4rem 0; } .adroom-root .bs-tooltip-auto[x-placement^=top] .arrow, .adroom-root .bs-tooltip-top .arrow { bottom: 0; } .adroom-root .bs-tooltip-auto[x-placement^=top] .arrow::before, .adroom-root .bs-tooltip-top .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .adroom-root .bs-tooltip-auto[x-placement^=right], .adroom-root .bs-tooltip-right { padding: 0 0.4rem; } .adroom-root .bs-tooltip-auto[x-placement^=right] .arrow, .adroom-root .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .adroom-root .bs-tooltip-auto[x-placement^=right] .arrow::before, .adroom-root .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .adroom-root .bs-tooltip-auto[x-placement^=bottom], .adroom-root .bs-tooltip-bottom { padding: 0.4rem 0; } .adroom-root .bs-tooltip-auto[x-placement^=bottom] .arrow, .adroom-root .bs-tooltip-bottom .arrow { top: 0; } .adroom-root .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .adroom-root .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .adroom-root .bs-tooltip-auto[x-placement^=left], .adroom-root .bs-tooltip-left { padding: 0 0.4rem; } .adroom-root .bs-tooltip-auto[x-placement^=left] .arrow, .adroom-root .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .adroom-root .bs-tooltip-auto[x-placement^=left] .arrow::before, .adroom-root .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .adroom-root .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .adroom-root .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .adroom-root .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .adroom-root .popover .arrow::after, .adroom-root .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .adroom-root .bs-popover-auto[x-placement^=top], .adroom-root .bs-popover-top { margin-bottom: 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=top] .arrow, .adroom-root .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); } .adroom-root .bs-popover-auto[x-placement^=top] .arrow::after, .adroom-root .bs-popover-auto[x-placement^=top] .arrow::before, .adroom-root .bs-popover-top .arrow::after, .adroom-root .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0; } .adroom-root .bs-popover-auto[x-placement^=top] .arrow::before, .adroom-root .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .adroom-root .bs-popover-auto[x-placement^=top] .arrow::after, .adroom-root .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff; } .adroom-root .bs-popover-auto[x-placement^=right], .adroom-root .bs-popover-right { margin-left: 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=right] .arrow, .adroom-root .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .adroom-root .bs-popover-auto[x-placement^=right] .arrow::after, .adroom-root .bs-popover-auto[x-placement^=right] .arrow::before, .adroom-root .bs-popover-right .arrow::after, .adroom-root .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0; } .adroom-root .bs-popover-auto[x-placement^=right] .arrow::before, .adroom-root .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .adroom-root .bs-popover-auto[x-placement^=right] .arrow::after, .adroom-root .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff; } .adroom-root .bs-popover-auto[x-placement^=bottom], .adroom-root .bs-popover-bottom { margin-top: 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=bottom] .arrow, .adroom-root .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); } .adroom-root .bs-popover-auto[x-placement^=bottom] .arrow::after, .adroom-root .bs-popover-auto[x-placement^=bottom] .arrow::before, .adroom-root .bs-popover-bottom .arrow::after, .adroom-root .bs-popover-bottom .arrow::before { border-width: 0 0.5rem 0.5rem 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=bottom] .arrow::before, .adroom-root .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .adroom-root .bs-popover-auto[x-placement^=bottom] .arrow::after, .adroom-root .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: #fff; } .adroom-root .bs-popover-auto[x-placement^=bottom] .popover-header::before, .adroom-root .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .adroom-root .bs-popover-auto[x-placement^=left], .adroom-root .bs-popover-left { margin-right: 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=left] .arrow, .adroom-root .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .adroom-root .bs-popover-auto[x-placement^=left] .arrow::after, .adroom-root .bs-popover-auto[x-placement^=left] .arrow::before, .adroom-root .bs-popover-left .arrow::after, .adroom-root .bs-popover-left .arrow::before { border-width: 0.5rem 0 0.5rem 0.5rem; } .adroom-root .bs-popover-auto[x-placement^=left] .arrow::before, .adroom-root .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .adroom-root .bs-popover-auto[x-placement^=left] .arrow::after, .adroom-root .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff; } .adroom-root .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .adroom-root .popover-header:empty { display: none; } .adroom-root .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .adroom-root .carousel { position: relative; } .adroom-root .carousel-inner { position: relative; width: 100%; overflow: hidden; } .adroom-root .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .adroom-root .carousel-item-next, .adroom-root .carousel-item-prev, .adroom-root .carousel-item.active { display: block; } .adroom-root .carousel-item-next, .adroom-root .carousel-item-prev { position: absolute; top: 0; } .adroom-root .carousel-item-next.carousel-item-left, .adroom-root .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { .adroom-root .carousel-item-next.carousel-item-left, .adroom-root .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .adroom-root .active.carousel-item-right, .adroom-root .carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { .adroom-root .active.carousel-item-right, .adroom-root .carousel-item-next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .adroom-root .active.carousel-item-left, .adroom-root .carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { .adroom-root .active.carousel-item-left, .adroom-root .carousel-item-prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .adroom-root .carousel-control-next, .adroom-root .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .adroom-root .carousel-control-next:focus, .adroom-root .carousel-control-next:hover, .adroom-root .carousel-control-prev:focus, .adroom-root .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .adroom-root .carousel-control-prev { left: 0; } .adroom-root .carousel-control-next { right: 0; } .adroom-root .carousel-control-next-icon, .adroom-root .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .adroom-root .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .adroom-root .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .adroom-root .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .adroom-root .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .adroom-root .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .adroom-root .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .adroom-root .carousel-indicators .active { background-color: #fff; } .adroom-root .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .adroom-root .align-baseline { vertical-align: baseline !important; } .adroom-root .align-top { vertical-align: top !important; } .adroom-root .align-middle { vertical-align: middle !important; } .adroom-root .align-bottom { vertical-align: bottom !important; } .adroom-root .align-text-bottom { vertical-align: text-bottom !important; } .adroom-root .align-text-top { vertical-align: text-top !important; } .adroom-root .bg-primary { background-color: #007bff !important; } .adroom-root a.bg-primary:focus, .adroom-root a.bg-primary:hover, .adroom-root button.bg-primary:focus, .adroom-root button.bg-primary:hover { background-color: #0062cc !important; } .adroom-root .bg-secondary { background-color: #6c757d !important; } .adroom-root a.bg-secondary:focus, .adroom-root a.bg-secondary:hover, .adroom-root button.bg-secondary:focus, .adroom-root button.bg-secondary:hover { background-color: #545b62 !important; } .adroom-root .bg-success { background-color: #28a745 !important; } .adroom-root a.bg-success:focus, .adroom-root a.bg-success:hover, .adroom-root button.bg-success:focus, .adroom-root button.bg-success:hover { background-color: #1e7e34 !important; } .adroom-root .bg-info { background-color: #17a2b8 !important; } .adroom-root a.bg-info:focus, .adroom-root a.bg-info:hover, .adroom-root button.bg-info:focus, .adroom-root button.bg-info:hover { background-color: #117a8b !important; } .adroom-root .bg-warning { background-color: #ffc107 !important; } .adroom-root a.bg-warning:focus, .adroom-root a.bg-warning:hover, .adroom-root button.bg-warning:focus, .adroom-root button.bg-warning:hover { background-color: #d39e00 !important; } .adroom-root .bg-danger { background-color: #dc3545 !important; } .adroom-root a.bg-danger:focus, .adroom-root a.bg-danger:hover, .adroom-root button.bg-danger:focus, .adroom-root button.bg-danger:hover { background-color: #bd2130 !important; } .adroom-root .bg-light { background-color: #f8f9fa !important; } .adroom-root a.bg-light:focus, .adroom-root a.bg-light:hover, .adroom-root button.bg-light:focus, .adroom-root button.bg-light:hover { background-color: #dae0e5 !important; } .adroom-root .bg-dark { background-color: #343a40 !important; } .adroom-root a.bg-dark:focus, .adroom-root a.bg-dark:hover, .adroom-root button.bg-dark:focus, .adroom-root button.bg-dark:hover { background-color: #1d2124 !important; } .adroom-root .bg-white { background-color: #fff !important; } .adroom-root .bg-transparent { background-color: transparent !important; } .adroom-root .border { border: 1px solid #dee2e6 !important; } .adroom-root .border-top { border-top: 1px solid #dee2e6 !important; } .adroom-root .border-right { border-right: 1px solid #dee2e6 !important; } .adroom-root .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .adroom-root .border-left { border-left: 1px solid #dee2e6 !important; } .adroom-root .border-0 { border: 0 !important; } .adroom-root .border-top-0 { border-top: 0 !important; } .adroom-root .border-right-0 { border-right: 0 !important; } .adroom-root .border-bottom-0 { border-bottom: 0 !important; } .adroom-root .border-left-0 { border-left: 0 !important; } .adroom-root .border-primary { border-color: #007bff !important; } .adroom-root .border-secondary { border-color: #6c757d !important; } .adroom-root .border-success { border-color: #28a745 !important; } .adroom-root .border-info { border-color: #17a2b8 !important; } .adroom-root .border-warning { border-color: #ffc107 !important; } .adroom-root .border-danger { border-color: #dc3545 !important; } .adroom-root .border-light { border-color: #f8f9fa !important; } .adroom-root .border-dark { border-color: #343a40 !important; } .adroom-root .border-white { border-color: #fff !important; } .adroom-root .rounded { border-radius: 0.25rem !important; } .adroom-root .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .adroom-root .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .adroom-root .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .adroom-root .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .adroom-root .rounded-circle { border-radius: 50% !important; } .adroom-root .rounded-0 { border-radius: 0 !important; } .adroom-root .clearfix::after { display: block; clear: both; content: ""; } .adroom-root .d-none { display: none !important; } .adroom-root .d-inline { display: inline !important; } .adroom-root .d-inline-block { display: inline-block !important; } .adroom-root .d-block { display: block !important; } .adroom-root .d-table { display: table !important; } .adroom-root .d-table-row { display: table-row !important; } .adroom-root .d-table-cell { display: table-cell !important; } .adroom-root .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .adroom-root .d-sm-none { display: none !important; } .adroom-root .d-sm-inline { display: inline !important; } .adroom-root .d-sm-inline-block { display: inline-block !important; } .adroom-root .d-sm-block { display: block !important; } .adroom-root .d-sm-table { display: table !important; } .adroom-root .d-sm-table-row { display: table-row !important; } .adroom-root .d-sm-table-cell { display: table-cell !important; } .adroom-root .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .adroom-root .d-md-none { display: none !important; } .adroom-root .d-md-inline { display: inline !important; } .adroom-root .d-md-inline-block { display: inline-block !important; } .adroom-root .d-md-block { display: block !important; } .adroom-root .d-md-table { display: table !important; } .adroom-root .d-md-table-row { display: table-row !important; } .adroom-root .d-md-table-cell { display: table-cell !important; } .adroom-root .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .adroom-root .d-lg-none { display: none !important; } .adroom-root .d-lg-inline { display: inline !important; } .adroom-root .d-lg-inline-block { display: inline-block !important; } .adroom-root .d-lg-block { display: block !important; } .adroom-root .d-lg-table { display: table !important; } .adroom-root .d-lg-table-row { display: table-row !important; } .adroom-root .d-lg-table-cell { display: table-cell !important; } .adroom-root .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .adroom-root .d-xl-none { display: none !important; } .adroom-root .d-xl-inline { display: inline !important; } .adroom-root .d-xl-inline-block { display: inline-block !important; } .adroom-root .d-xl-block { display: block !important; } .adroom-root .d-xl-table { display: table !important; } .adroom-root .d-xl-table-row { display: table-row !important; } .adroom-root .d-xl-table-cell { display: table-cell !important; } .adroom-root .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .adroom-root .d-print-none { display: none !important; } .adroom-root .d-print-inline { display: inline !important; } .adroom-root .d-print-inline-block { display: inline-block !important; } .adroom-root .d-print-block { display: block !important; } .adroom-root .d-print-table { display: table !important; } .adroom-root .d-print-table-row { display: table-row !important; } .adroom-root .d-print-table-cell { display: table-cell !important; } .adroom-root .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .adroom-root .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .adroom-root .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .adroom-root .embed-responsive::before { display: block; content: ""; } .adroom-root .embed-responsive .embed-responsive-item, .adroom-root .embed-responsive embed, .adroom-root .embed-responsive iframe, .adroom-root .embed-responsive object, .adroom-root .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .adroom-root .embed-responsive-21by9::before { padding-top: 42.857143%; } .adroom-root .embed-responsive-16by9::before { padding-top: 56.25%; } .adroom-root .embed-responsive-4by3::before { padding-top: 75%; } .adroom-root .embed-responsive-1by1::before { padding-top: 100%; } .adroom-root .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .adroom-root .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .adroom-root .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .adroom-root .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .adroom-root .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .adroom-root .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .adroom-root .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .adroom-root .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .adroom-root .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .adroom-root .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .adroom-root .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .adroom-root .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .adroom-root .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .adroom-root .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .adroom-root .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .adroom-root .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .adroom-root .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .adroom-root .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .adroom-root .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .adroom-root .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .adroom-root .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .adroom-root .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .adroom-root .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .adroom-root .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .adroom-root .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .adroom-root .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .adroom-root .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .adroom-root .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .adroom-root .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .adroom-root .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .adroom-root .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .adroom-root .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .adroom-root .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .adroom-root .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .adroom-root .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .adroom-root .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .adroom-root .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .adroom-root .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .adroom-root .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .adroom-root .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .adroom-root .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .adroom-root .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .adroom-root .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .adroom-root .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .adroom-root .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .adroom-root .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .adroom-root .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .adroom-root .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .adroom-root .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .adroom-root .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .adroom-root .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .adroom-root .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .adroom-root .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .adroom-root .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .adroom-root .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .adroom-root .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .adroom-root .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .adroom-root .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .adroom-root .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .adroom-root .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .adroom-root .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .adroom-root .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .adroom-root .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .adroom-root .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .adroom-root .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .adroom-root .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .adroom-root .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .adroom-root .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .adroom-root .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .adroom-root .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .adroom-root .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .adroom-root .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .adroom-root .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .adroom-root .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .adroom-root .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .adroom-root .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .adroom-root .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .adroom-root .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .adroom-root .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .adroom-root .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .adroom-root .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .adroom-root .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .adroom-root .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .adroom-root .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .adroom-root .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .adroom-root .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .adroom-root .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .adroom-root .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .adroom-root .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .adroom-root .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .adroom-root .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .adroom-root .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .adroom-root .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .adroom-root .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .adroom-root .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .adroom-root .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .adroom-root .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .adroom-root .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .adroom-root .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .adroom-root .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .adroom-root .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .adroom-root .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .adroom-root .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .adroom-root .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .adroom-root .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .adroom-root .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .adroom-root .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .adroom-root .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .adroom-root .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .adroom-root .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .adroom-root .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .adroom-root .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .adroom-root .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .adroom-root .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .adroom-root .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .adroom-root .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .adroom-root .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .adroom-root .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .adroom-root .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .adroom-root .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .adroom-root .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .adroom-root .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .adroom-root .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .adroom-root .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .adroom-root .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .adroom-root .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .adroom-root .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .adroom-root .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .adroom-root .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .adroom-root .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .adroom-root .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .adroom-root .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .adroom-root .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .adroom-root .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .adroom-root .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .adroom-root .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .adroom-root .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .adroom-root .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .adroom-root .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .adroom-root .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .adroom-root .float-left { float: left !important; } .adroom-root .float-right { float: right !important; } .adroom-root .float-none { float: none !important; } @media (min-width: 576px) { .adroom-root .float-sm-left { float: left !important; } .adroom-root .float-sm-right { float: right !important; } .adroom-root .float-sm-none { float: none !important; } } @media (min-width: 768px) { .adroom-root .float-md-left { float: left !important; } .adroom-root .float-md-right { float: right !important; } .adroom-root .float-md-none { float: none !important; } } @media (min-width: 992px) { .adroom-root .float-lg-left { float: left !important; } .adroom-root .float-lg-right { float: right !important; } .adroom-root .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .adroom-root .float-xl-left { float: left !important; } .adroom-root .float-xl-right { float: right !important; } .adroom-root .float-xl-none { float: none !important; } } .adroom-root .position-static { position: static !important; } .adroom-root .position-relative { position: relative !important; } .adroom-root .position-absolute { position: absolute !important; } .adroom-root .position-fixed { position: fixed !important; } .adroom-root .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .adroom-root .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .adroom-root .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: -webkit-sticky) or (position: sticky) { .adroom-root .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .adroom-root .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .adroom-root .sr-only-focusable:active, .adroom-root .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .adroom-root .w-25 { width: 25% !important; } .adroom-root .w-50 { width: 50% !important; } .adroom-root .w-75 { width: 75% !important; } .adroom-root .w-100 { width: 100% !important; } .adroom-root .h-25 { height: 25% !important; } .adroom-root .h-50 { height: 50% !important; } .adroom-root .h-75 { height: 75% !important; } .adroom-root .h-100 { height: 100% !important; } .adroom-root .mw-100 { max-width: 100% !important; } .adroom-root .mh-100 { max-height: 100% !important; } .adroom-root .m-0 { margin: 0 !important; } .adroom-root .mt-0, .adroom-root .my-0 { margin-top: 0 !important; } .adroom-root .mr-0, .adroom-root .mx-0 { margin-right: 0 !important; } .adroom-root .mb-0, .adroom-root .my-0 { margin-bottom: 0 !important; } .adroom-root .ml-0, .adroom-root .mx-0 { margin-left: 0 !important; } .adroom-root .m-1 { margin: 0.25rem !important; } .adroom-root .mt-1, .adroom-root .my-1 { margin-top: 0.25rem !important; } .adroom-root .mr-1, .adroom-root .mx-1 { margin-right: 0.25rem !important; } .adroom-root .mb-1, .adroom-root .my-1 { margin-bottom: 0.25rem !important; } .adroom-root .ml-1, .adroom-root .mx-1 { margin-left: 0.25rem !important; } .adroom-root .m-2 { margin: 0.5rem !important; } .adroom-root .mt-2, .adroom-root .my-2 { margin-top: 0.5rem !important; } .adroom-root .mr-2, .adroom-root .mx-2 { margin-right: 0.5rem !important; } .adroom-root .mb-2, .adroom-root .my-2 { margin-bottom: 0.5rem !important; } .adroom-root .ml-2, .adroom-root .mx-2 { margin-left: 0.5rem !important; } .adroom-root .m-3 { margin: 1rem !important; } .adroom-root .mt-3, .adroom-root .my-3 { margin-top: 1rem !important; } .adroom-root .mr-3, .adroom-root .mx-3 { margin-right: 1rem !important; } .adroom-root .mb-3, .adroom-root .my-3 { margin-bottom: 1rem !important; } .adroom-root .ml-3, .adroom-root .mx-3 { margin-left: 1rem !important; } .adroom-root .m-4 { margin: 1.5rem !important; } .adroom-root .mt-4, .adroom-root .my-4 { margin-top: 1.5rem !important; } .adroom-root .mr-4, .adroom-root .mx-4 { margin-right: 1.5rem !important; } .adroom-root .mb-4, .adroom-root .my-4 { margin-bottom: 1.5rem !important; } .adroom-root .ml-4, .adroom-root .mx-4 { margin-left: 1.5rem !important; } .adroom-root .m-5 { margin: 3rem !important; } .adroom-root .mt-5, .adroom-root .my-5 { margin-top: 3rem !important; } .adroom-root .mr-5, .adroom-root .mx-5 { margin-right: 3rem !important; } .adroom-root .mb-5, .adroom-root .my-5 { margin-bottom: 3rem !important; } .adroom-root .ml-5, .adroom-root .mx-5 { margin-left: 3rem !important; } .adroom-root .p-0 { padding: 0 !important; } .adroom-root .pt-0, .adroom-root .py-0 { padding-top: 0 !important; } .adroom-root .pr-0, .adroom-root .px-0 { padding-right: 0 !important; } .adroom-root .pb-0, .adroom-root .py-0 { padding-bottom: 0 !important; } .adroom-root .pl-0, .adroom-root .px-0 { padding-left: 0 !important; } .adroom-root .p-1 { padding: 0.25rem !important; } .adroom-root .pt-1, .adroom-root .py-1 { padding-top: 0.25rem !important; } .adroom-root .pr-1, .adroom-root .px-1 { padding-right: 0.25rem !important; } .adroom-root .pb-1, .adroom-root .py-1 { padding-bottom: 0.25rem !important; } .adroom-root .pl-1, .adroom-root .px-1 { padding-left: 0.25rem !important; } .adroom-root .p-2 { padding: 0.5rem !important; } .adroom-root .pt-2, .adroom-root .py-2 { padding-top: 0.5rem !important; } .adroom-root .pr-2, .adroom-root .px-2 { padding-right: 0.5rem !important; } .adroom-root .pb-2, .adroom-root .py-2 { padding-bottom: 0.5rem !important; } .adroom-root .pl-2, .adroom-root .px-2 { padding-left: 0.5rem !important; } .adroom-root .p-3 { padding: 1rem !important; } .adroom-root .pt-3, .adroom-root .py-3 { padding-top: 1rem !important; } .adroom-root .pr-3, .adroom-root .px-3 { padding-right: 1rem !important; } .adroom-root .pb-3, .adroom-root .py-3 { padding-bottom: 1rem !important; } .adroom-root .pl-3, .adroom-root .px-3 { padding-left: 1rem !important; } .adroom-root .p-4 { padding: 1.5rem !important; } .adroom-root .pt-4, .adroom-root .py-4 { padding-top: 1.5rem !important; } .adroom-root .pr-4, .adroom-root .px-4 { padding-right: 1.5rem !important; } .adroom-root .pb-4, .adroom-root .py-4 { padding-bottom: 1.5rem !important; } .adroom-root .pl-4, .adroom-root .px-4 { padding-left: 1.5rem !important; } .adroom-root .p-5 { padding: 3rem !important; } .adroom-root .pt-5, .adroom-root .py-5 { padding-top: 3rem !important; } .adroom-root .pr-5, .adroom-root .px-5 { padding-right: 3rem !important; } .adroom-root .pb-5, .adroom-root .py-5 { padding-bottom: 3rem !important; } .adroom-root .pl-5, .adroom-root .px-5 { padding-left: 3rem !important; } .adroom-root .m-auto { margin: auto !important; } .adroom-root .mt-auto, .adroom-root .my-auto { margin-top: auto !important; } .adroom-root .mr-auto, .adroom-root .mx-auto { margin-right: auto !important; } .adroom-root .mb-auto, .adroom-root .my-auto { margin-bottom: auto !important; } .adroom-root .ml-auto, .adroom-root .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .adroom-root .m-sm-0 { margin: 0 !important; } .adroom-root .mt-sm-0, .adroom-root .my-sm-0 { margin-top: 0 !important; } .adroom-root .mr-sm-0, .adroom-root .mx-sm-0 { margin-right: 0 !important; } .adroom-root .mb-sm-0, .adroom-root .my-sm-0 { margin-bottom: 0 !important; } .adroom-root .ml-sm-0, .adroom-root .mx-sm-0 { margin-left: 0 !important; } .adroom-root .m-sm-1 { margin: 0.25rem !important; } .adroom-root .mt-sm-1, .adroom-root .my-sm-1 { margin-top: 0.25rem !important; } .adroom-root .mr-sm-1, .adroom-root .mx-sm-1 { margin-right: 0.25rem !important; } .adroom-root .mb-sm-1, .adroom-root .my-sm-1 { margin-bottom: 0.25rem !important; } .adroom-root .ml-sm-1, .adroom-root .mx-sm-1 { margin-left: 0.25rem !important; } .adroom-root .m-sm-2 { margin: 0.5rem !important; } .adroom-root .mt-sm-2, .adroom-root .my-sm-2 { margin-top: 0.5rem !important; } .adroom-root .mr-sm-2, .adroom-root .mx-sm-2 { margin-right: 0.5rem !important; } .adroom-root .mb-sm-2, .adroom-root .my-sm-2 { margin-bottom: 0.5rem !important; } .adroom-root .ml-sm-2, .adroom-root .mx-sm-2 { margin-left: 0.5rem !important; } .adroom-root .m-sm-3 { margin: 1rem !important; } .adroom-root .mt-sm-3, .adroom-root .my-sm-3 { margin-top: 1rem !important; } .adroom-root .mr-sm-3, .adroom-root .mx-sm-3 { margin-right: 1rem !important; } .adroom-root .mb-sm-3, .adroom-root .my-sm-3 { margin-bottom: 1rem !important; } .adroom-root .ml-sm-3, .adroom-root .mx-sm-3 { margin-left: 1rem !important; } .adroom-root .m-sm-4 { margin: 1.5rem !important; } .adroom-root .mt-sm-4, .adroom-root .my-sm-4 { margin-top: 1.5rem !important; } .adroom-root .mr-sm-4, .adroom-root .mx-sm-4 { margin-right: 1.5rem !important; } .adroom-root .mb-sm-4, .adroom-root .my-sm-4 { margin-bottom: 1.5rem !important; } .adroom-root .ml-sm-4, .adroom-root .mx-sm-4 { margin-left: 1.5rem !important; } .adroom-root .m-sm-5 { margin: 3rem !important; } .adroom-root .mt-sm-5, .adroom-root .my-sm-5 { margin-top: 3rem !important; } .adroom-root .mr-sm-5, .adroom-root .mx-sm-5 { margin-right: 3rem !important; } .adroom-root .mb-sm-5, .adroom-root .my-sm-5 { margin-bottom: 3rem !important; } .adroom-root .ml-sm-5, .adroom-root .mx-sm-5 { margin-left: 3rem !important; } .adroom-root .p-sm-0 { padding: 0 !important; } .adroom-root .pt-sm-0, .adroom-root .py-sm-0 { padding-top: 0 !important; } .adroom-root .pr-sm-0, .adroom-root .px-sm-0 { padding-right: 0 !important; } .adroom-root .pb-sm-0, .adroom-root .py-sm-0 { padding-bottom: 0 !important; } .adroom-root .pl-sm-0, .adroom-root .px-sm-0 { padding-left: 0 !important; } .adroom-root .p-sm-1 { padding: 0.25rem !important; } .adroom-root .pt-sm-1, .adroom-root .py-sm-1 { padding-top: 0.25rem !important; } .adroom-root .pr-sm-1, .adroom-root .px-sm-1 { padding-right: 0.25rem !important; } .adroom-root .pb-sm-1, .adroom-root .py-sm-1 { padding-bottom: 0.25rem !important; } .adroom-root .pl-sm-1, .adroom-root .px-sm-1 { padding-left: 0.25rem !important; } .adroom-root .p-sm-2 { padding: 0.5rem !important; } .adroom-root .pt-sm-2, .adroom-root .py-sm-2 { padding-top: 0.5rem !important; } .adroom-root .pr-sm-2, .adroom-root .px-sm-2 { padding-right: 0.5rem !important; } .adroom-root .pb-sm-2, .adroom-root .py-sm-2 { padding-bottom: 0.5rem !important; } .adroom-root .pl-sm-2, .adroom-root .px-sm-2 { padding-left: 0.5rem !important; } .adroom-root .p-sm-3 { padding: 1rem !important; } .adroom-root .pt-sm-3, .adroom-root .py-sm-3 { padding-top: 1rem !important; } .adroom-root .pr-sm-3, .adroom-root .px-sm-3 { padding-right: 1rem !important; } .adroom-root .pb-sm-3, .adroom-root .py-sm-3 { padding-bottom: 1rem !important; } .adroom-root .pl-sm-3, .adroom-root .px-sm-3 { padding-left: 1rem !important; } .adroom-root .p-sm-4 { padding: 1.5rem !important; } .adroom-root .pt-sm-4, .adroom-root .py-sm-4 { padding-top: 1.5rem !important; } .adroom-root .pr-sm-4, .adroom-root .px-sm-4 { padding-right: 1.5rem !important; } .adroom-root .pb-sm-4, .adroom-root .py-sm-4 { padding-bottom: 1.5rem !important; } .adroom-root .pl-sm-4, .adroom-root .px-sm-4 { padding-left: 1.5rem !important; } .adroom-root .p-sm-5 { padding: 3rem !important; } .adroom-root .pt-sm-5, .adroom-root .py-sm-5 { padding-top: 3rem !important; } .adroom-root .pr-sm-5, .adroom-root .px-sm-5 { padding-right: 3rem !important; } .adroom-root .pb-sm-5, .adroom-root .py-sm-5 { padding-bottom: 3rem !important; } .adroom-root .pl-sm-5, .adroom-root .px-sm-5 { padding-left: 3rem !important; } .adroom-root .m-sm-auto { margin: auto !important; } .adroom-root .mt-sm-auto, .adroom-root .my-sm-auto { margin-top: auto !important; } .adroom-root .mr-sm-auto, .adroom-root .mx-sm-auto { margin-right: auto !important; } .adroom-root .mb-sm-auto, .adroom-root .my-sm-auto { margin-bottom: auto !important; } .adroom-root .ml-sm-auto, .adroom-root .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .adroom-root .m-md-0 { margin: 0 !important; } .adroom-root .mt-md-0, .adroom-root .my-md-0 { margin-top: 0 !important; } .adroom-root .mr-md-0, .adroom-root .mx-md-0 { margin-right: 0 !important; } .adroom-root .mb-md-0, .adroom-root .my-md-0 { margin-bottom: 0 !important; } .adroom-root .ml-md-0, .adroom-root .mx-md-0 { margin-left: 0 !important; } .adroom-root .m-md-1 { margin: 0.25rem !important; } .adroom-root .mt-md-1, .adroom-root .my-md-1 { margin-top: 0.25rem !important; } .adroom-root .mr-md-1, .adroom-root .mx-md-1 { margin-right: 0.25rem !important; } .adroom-root .mb-md-1, .adroom-root .my-md-1 { margin-bottom: 0.25rem !important; } .adroom-root .ml-md-1, .adroom-root .mx-md-1 { margin-left: 0.25rem !important; } .adroom-root .m-md-2 { margin: 0.5rem !important; } .adroom-root .mt-md-2, .adroom-root .my-md-2 { margin-top: 0.5rem !important; } .adroom-root .mr-md-2, .adroom-root .mx-md-2 { margin-right: 0.5rem !important; } .adroom-root .mb-md-2, .adroom-root .my-md-2 { margin-bottom: 0.5rem !important; } .adroom-root .ml-md-2, .adroom-root .mx-md-2 { margin-left: 0.5rem !important; } .adroom-root .m-md-3 { margin: 1rem !important; } .adroom-root .mt-md-3, .adroom-root .my-md-3 { margin-top: 1rem !important; } .adroom-root .mr-md-3, .adroom-root .mx-md-3 { margin-right: 1rem !important; } .adroom-root .mb-md-3, .adroom-root .my-md-3 { margin-bottom: 1rem !important; } .adroom-root .ml-md-3, .adroom-root .mx-md-3 { margin-left: 1rem !important; } .adroom-root .m-md-4 { margin: 1.5rem !important; } .adroom-root .mt-md-4, .adroom-root .my-md-4 { margin-top: 1.5rem !important; } .adroom-root .mr-md-4, .adroom-root .mx-md-4 { margin-right: 1.5rem !important; } .adroom-root .mb-md-4, .adroom-root .my-md-4 { margin-bottom: 1.5rem !important; } .adroom-root .ml-md-4, .adroom-root .mx-md-4 { margin-left: 1.5rem !important; } .adroom-root .m-md-5 { margin: 3rem !important; } .adroom-root .mt-md-5, .adroom-root .my-md-5 { margin-top: 3rem !important; } .adroom-root .mr-md-5, .adroom-root .mx-md-5 { margin-right: 3rem !important; } .adroom-root .mb-md-5, .adroom-root .my-md-5 { margin-bottom: 3rem !important; } .adroom-root .ml-md-5, .adroom-root .mx-md-5 { margin-left: 3rem !important; } .adroom-root .p-md-0 { padding: 0 !important; } .adroom-root .pt-md-0, .adroom-root .py-md-0 { padding-top: 0 !important; } .adroom-root .pr-md-0, .adroom-root .px-md-0 { padding-right: 0 !important; } .adroom-root .pb-md-0, .adroom-root .py-md-0 { padding-bottom: 0 !important; } .adroom-root .pl-md-0, .adroom-root .px-md-0 { padding-left: 0 !important; } .adroom-root .p-md-1 { padding: 0.25rem !important; } .adroom-root .pt-md-1, .adroom-root .py-md-1 { padding-top: 0.25rem !important; } .adroom-root .pr-md-1, .adroom-root .px-md-1 { padding-right: 0.25rem !important; } .adroom-root .pb-md-1, .adroom-root .py-md-1 { padding-bottom: 0.25rem !important; } .adroom-root .pl-md-1, .adroom-root .px-md-1 { padding-left: 0.25rem !important; } .adroom-root .p-md-2 { padding: 0.5rem !important; } .adroom-root .pt-md-2, .adroom-root .py-md-2 { padding-top: 0.5rem !important; } .adroom-root .pr-md-2, .adroom-root .px-md-2 { padding-right: 0.5rem !important; } .adroom-root .pb-md-2, .adroom-root .py-md-2 { padding-bottom: 0.5rem !important; } .adroom-root .pl-md-2, .adroom-root .px-md-2 { padding-left: 0.5rem !important; } .adroom-root .p-md-3 { padding: 1rem !important; } .adroom-root .pt-md-3, .adroom-root .py-md-3 { padding-top: 1rem !important; } .adroom-root .pr-md-3, .adroom-root .px-md-3 { padding-right: 1rem !important; } .adroom-root .pb-md-3, .adroom-root .py-md-3 { padding-bottom: 1rem !important; } .adroom-root .pl-md-3, .adroom-root .px-md-3 { padding-left: 1rem !important; } .adroom-root .p-md-4 { padding: 1.5rem !important; } .adroom-root .pt-md-4, .adroom-root .py-md-4 { padding-top: 1.5rem !important; } .adroom-root .pr-md-4, .adroom-root .px-md-4 { padding-right: 1.5rem !important; } .adroom-root .pb-md-4, .adroom-root .py-md-4 { padding-bottom: 1.5rem !important; } .adroom-root .pl-md-4, .adroom-root .px-md-4 { padding-left: 1.5rem !important; } .adroom-root .p-md-5 { padding: 3rem !important; } .adroom-root .pt-md-5, .adroom-root .py-md-5 { padding-top: 3rem !important; } .adroom-root .pr-md-5, .adroom-root .px-md-5 { padding-right: 3rem !important; } .adroom-root .pb-md-5, .adroom-root .py-md-5 { padding-bottom: 3rem !important; } .adroom-root .pl-md-5, .adroom-root .px-md-5 { padding-left: 3rem !important; } .adroom-root .m-md-auto { margin: auto !important; } .adroom-root .mt-md-auto, .adroom-root .my-md-auto { margin-top: auto !important; } .adroom-root .mr-md-auto, .adroom-root .mx-md-auto { margin-right: auto !important; } .adroom-root .mb-md-auto, .adroom-root .my-md-auto { margin-bottom: auto !important; } .adroom-root .ml-md-auto, .adroom-root .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .adroom-root .m-lg-0 { margin: 0 !important; } .adroom-root .mt-lg-0, .adroom-root .my-lg-0 { margin-top: 0 !important; } .adroom-root .mr-lg-0, .adroom-root .mx-lg-0 { margin-right: 0 !important; } .adroom-root .mb-lg-0, .adroom-root .my-lg-0 { margin-bottom: 0 !important; } .adroom-root .ml-lg-0, .adroom-root .mx-lg-0 { margin-left: 0 !important; } .adroom-root .m-lg-1 { margin: 0.25rem !important; } .adroom-root .mt-lg-1, .adroom-root .my-lg-1 { margin-top: 0.25rem !important; } .adroom-root .mr-lg-1, .adroom-root .mx-lg-1 { margin-right: 0.25rem !important; } .adroom-root .mb-lg-1, .adroom-root .my-lg-1 { margin-bottom: 0.25rem !important; } .adroom-root .ml-lg-1, .adroom-root .mx-lg-1 { margin-left: 0.25rem !important; } .adroom-root .m-lg-2 { margin: 0.5rem !important; } .adroom-root .mt-lg-2, .adroom-root .my-lg-2 { margin-top: 0.5rem !important; } .adroom-root .mr-lg-2, .adroom-root .mx-lg-2 { margin-right: 0.5rem !important; } .adroom-root .mb-lg-2, .adroom-root .my-lg-2 { margin-bottom: 0.5rem !important; } .adroom-root .ml-lg-2, .adroom-root .mx-lg-2 { margin-left: 0.5rem !important; } .adroom-root .m-lg-3 { margin: 1rem !important; } .adroom-root .mt-lg-3, .adroom-root .my-lg-3 { margin-top: 1rem !important; } .adroom-root .mr-lg-3, .adroom-root .mx-lg-3 { margin-right: 1rem !important; } .adroom-root .mb-lg-3, .adroom-root .my-lg-3 { margin-bottom: 1rem !important; } .adroom-root .ml-lg-3, .adroom-root .mx-lg-3 { margin-left: 1rem !important; } .adroom-root .m-lg-4 { margin: 1.5rem !important; } .adroom-root .mt-lg-4, .adroom-root .my-lg-4 { margin-top: 1.5rem !important; } .adroom-root .mr-lg-4, .adroom-root .mx-lg-4 { margin-right: 1.5rem !important; } .adroom-root .mb-lg-4, .adroom-root .my-lg-4 { margin-bottom: 1.5rem !important; } .adroom-root .ml-lg-4, .adroom-root .mx-lg-4 { margin-left: 1.5rem !important; } .adroom-root .m-lg-5 { margin: 3rem !important; } .adroom-root .mt-lg-5, .adroom-root .my-lg-5 { margin-top: 3rem !important; } .adroom-root .mr-lg-5, .adroom-root .mx-lg-5 { margin-right: 3rem !important; } .adroom-root .mb-lg-5, .adroom-root .my-lg-5 { margin-bottom: 3rem !important; } .adroom-root .ml-lg-5, .adroom-root .mx-lg-5 { margin-left: 3rem !important; } .adroom-root .p-lg-0 { padding: 0 !important; } .adroom-root .pt-lg-0, .adroom-root .py-lg-0 { padding-top: 0 !important; } .adroom-root .pr-lg-0, .adroom-root .px-lg-0 { padding-right: 0 !important; } .adroom-root .pb-lg-0, .adroom-root .py-lg-0 { padding-bottom: 0 !important; } .adroom-root .pl-lg-0, .adroom-root .px-lg-0 { padding-left: 0 !important; } .adroom-root .p-lg-1 { padding: 0.25rem !important; } .adroom-root .pt-lg-1, .adroom-root .py-lg-1 { padding-top: 0.25rem !important; } .adroom-root .pr-lg-1, .adroom-root .px-lg-1 { padding-right: 0.25rem !important; } .adroom-root .pb-lg-1, .adroom-root .py-lg-1 { padding-bottom: 0.25rem !important; } .adroom-root .pl-lg-1, .adroom-root .px-lg-1 { padding-left: 0.25rem !important; } .adroom-root .p-lg-2 { padding: 0.5rem !important; } .adroom-root .pt-lg-2, .adroom-root .py-lg-2 { padding-top: 0.5rem !important; } .adroom-root .pr-lg-2, .adroom-root .px-lg-2 { padding-right: 0.5rem !important; } .adroom-root .pb-lg-2, .adroom-root .py-lg-2 { padding-bottom: 0.5rem !important; } .adroom-root .pl-lg-2, .adroom-root .px-lg-2 { padding-left: 0.5rem !important; } .adroom-root .p-lg-3 { padding: 1rem !important; } .adroom-root .pt-lg-3, .adroom-root .py-lg-3 { padding-top: 1rem !important; } .adroom-root .pr-lg-3, .adroom-root .px-lg-3 { padding-right: 1rem !important; } .adroom-root .pb-lg-3, .adroom-root .py-lg-3 { padding-bottom: 1rem !important; } .adroom-root .pl-lg-3, .adroom-root .px-lg-3 { padding-left: 1rem !important; } .adroom-root .p-lg-4 { padding: 1.5rem !important; } .adroom-root .pt-lg-4, .adroom-root .py-lg-4 { padding-top: 1.5rem !important; } .adroom-root .pr-lg-4, .adroom-root .px-lg-4 { padding-right: 1.5rem !important; } .adroom-root .pb-lg-4, .adroom-root .py-lg-4 { padding-bottom: 1.5rem !important; } .adroom-root .pl-lg-4, .adroom-root .px-lg-4 { padding-left: 1.5rem !important; } .adroom-root .p-lg-5 { padding: 3rem !important; } .adroom-root .pt-lg-5, .adroom-root .py-lg-5 { padding-top: 3rem !important; } .adroom-root .pr-lg-5, .adroom-root .px-lg-5 { padding-right: 3rem !important; } .adroom-root .pb-lg-5, .adroom-root .py-lg-5 { padding-bottom: 3rem !important; } .adroom-root .pl-lg-5, .adroom-root .px-lg-5 { padding-left: 3rem !important; } .adroom-root .m-lg-auto { margin: auto !important; } .adroom-root .mt-lg-auto, .adroom-root .my-lg-auto { margin-top: auto !important; } .adroom-root .mr-lg-auto, .adroom-root .mx-lg-auto { margin-right: auto !important; } .adroom-root .mb-lg-auto, .adroom-root .my-lg-auto { margin-bottom: auto !important; } .adroom-root .ml-lg-auto, .adroom-root .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .adroom-root .m-xl-0 { margin: 0 !important; } .adroom-root .mt-xl-0, .adroom-root .my-xl-0 { margin-top: 0 !important; } .adroom-root .mr-xl-0, .adroom-root .mx-xl-0 { margin-right: 0 !important; } .adroom-root .mb-xl-0, .adroom-root .my-xl-0 { margin-bottom: 0 !important; } .adroom-root .ml-xl-0, .adroom-root .mx-xl-0 { margin-left: 0 !important; } .adroom-root .m-xl-1 { margin: 0.25rem !important; } .adroom-root .mt-xl-1, .adroom-root .my-xl-1 { margin-top: 0.25rem !important; } .adroom-root .mr-xl-1, .adroom-root .mx-xl-1 { margin-right: 0.25rem !important; } .adroom-root .mb-xl-1, .adroom-root .my-xl-1 { margin-bottom: 0.25rem !important; } .adroom-root .ml-xl-1, .adroom-root .mx-xl-1 { margin-left: 0.25rem !important; } .adroom-root .m-xl-2 { margin: 0.5rem !important; } .adroom-root .mt-xl-2, .adroom-root .my-xl-2 { margin-top: 0.5rem !important; } .adroom-root .mr-xl-2, .adroom-root .mx-xl-2 { margin-right: 0.5rem !important; } .adroom-root .mb-xl-2, .adroom-root .my-xl-2 { margin-bottom: 0.5rem !important; } .adroom-root .ml-xl-2, .adroom-root .mx-xl-2 { margin-left: 0.5rem !important; } .adroom-root .m-xl-3 { margin: 1rem !important; } .adroom-root .mt-xl-3, .adroom-root .my-xl-3 { margin-top: 1rem !important; } .adroom-root .mr-xl-3, .adroom-root .mx-xl-3 { margin-right: 1rem !important; } .adroom-root .mb-xl-3, .adroom-root .my-xl-3 { margin-bottom: 1rem !important; } .adroom-root .ml-xl-3, .adroom-root .mx-xl-3 { margin-left: 1rem !important; } .adroom-root .m-xl-4 { margin: 1.5rem !important; } .adroom-root .mt-xl-4, .adroom-root .my-xl-4 { margin-top: 1.5rem !important; } .adroom-root .mr-xl-4, .adroom-root .mx-xl-4 { margin-right: 1.5rem !important; } .adroom-root .mb-xl-4, .adroom-root .my-xl-4 { margin-bottom: 1.5rem !important; } .adroom-root .ml-xl-4, .adroom-root .mx-xl-4 { margin-left: 1.5rem !important; } .adroom-root .m-xl-5 { margin: 3rem !important; } .adroom-root .mt-xl-5, .adroom-root .my-xl-5 { margin-top: 3rem !important; } .adroom-root .mr-xl-5, .adroom-root .mx-xl-5 { margin-right: 3rem !important; } .adroom-root .mb-xl-5, .adroom-root .my-xl-5 { margin-bottom: 3rem !important; } .adroom-root .ml-xl-5, .adroom-root .mx-xl-5 { margin-left: 3rem !important; } .adroom-root .p-xl-0 { padding: 0 !important; } .adroom-root .pt-xl-0, .adroom-root .py-xl-0 { padding-top: 0 !important; } .adroom-root .pr-xl-0, .adroom-root .px-xl-0 { padding-right: 0 !important; } .adroom-root .pb-xl-0, .adroom-root .py-xl-0 { padding-bottom: 0 !important; } .adroom-root .pl-xl-0, .adroom-root .px-xl-0 { padding-left: 0 !important; } .adroom-root .p-xl-1 { padding: 0.25rem !important; } .adroom-root .pt-xl-1, .adroom-root .py-xl-1 { padding-top: 0.25rem !important; } .adroom-root .pr-xl-1, .adroom-root .px-xl-1 { padding-right: 0.25rem !important; } .adroom-root .pb-xl-1, .adroom-root .py-xl-1 { padding-bottom: 0.25rem !important; } .adroom-root .pl-xl-1, .adroom-root .px-xl-1 { padding-left: 0.25rem !important; } .adroom-root .p-xl-2 { padding: 0.5rem !important; } .adroom-root .pt-xl-2, .adroom-root .py-xl-2 { padding-top: 0.5rem !important; } .adroom-root .pr-xl-2, .adroom-root .px-xl-2 { padding-right: 0.5rem !important; } .adroom-root .pb-xl-2, .adroom-root .py-xl-2 { padding-bottom: 0.5rem !important; } .adroom-root .pl-xl-2, .adroom-root .px-xl-2 { padding-left: 0.5rem !important; } .adroom-root .p-xl-3 { padding: 1rem !important; } .adroom-root .pt-xl-3, .adroom-root .py-xl-3 { padding-top: 1rem !important; } .adroom-root .pr-xl-3, .adroom-root .px-xl-3 { padding-right: 1rem !important; } .adroom-root .pb-xl-3, .adroom-root .py-xl-3 { padding-bottom: 1rem !important; } .adroom-root .pl-xl-3, .adroom-root .px-xl-3 { padding-left: 1rem !important; } .adroom-root .p-xl-4 { padding: 1.5rem !important; } .adroom-root .pt-xl-4, .adroom-root .py-xl-4 { padding-top: 1.5rem !important; } .adroom-root .pr-xl-4, .adroom-root .px-xl-4 { padding-right: 1.5rem !important; } .adroom-root .pb-xl-4, .adroom-root .py-xl-4 { padding-bottom: 1.5rem !important; } .adroom-root .pl-xl-4, .adroom-root .px-xl-4 { padding-left: 1.5rem !important; } .adroom-root .p-xl-5 { padding: 3rem !important; } .adroom-root .pt-xl-5, .adroom-root .py-xl-5 { padding-top: 3rem !important; } .adroom-root .pr-xl-5, .adroom-root .px-xl-5 { padding-right: 3rem !important; } .adroom-root .pb-xl-5, .adroom-root .py-xl-5 { padding-bottom: 3rem !important; } .adroom-root .pl-xl-5, .adroom-root .px-xl-5 { padding-left: 3rem !important; } .adroom-root .m-xl-auto { margin: auto !important; } .adroom-root .mt-xl-auto, .adroom-root .my-xl-auto { margin-top: auto !important; } .adroom-root .mr-xl-auto, .adroom-root .mx-xl-auto { margin-right: auto !important; } .adroom-root .mb-xl-auto, .adroom-root .my-xl-auto { margin-bottom: auto !important; } .adroom-root .ml-xl-auto, .adroom-root .mx-xl-auto { margin-left: auto !important; } } .adroom-root .text-justify { text-align: justify !important; } .adroom-root .text-nowrap { white-space: nowrap !important; } .adroom-root .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-root .text-left { text-align: left !important; } .adroom-root .text-right { text-align: right !important; } .adroom-root .text-center { text-align: center !important; } @media (min-width: 576px) { .adroom-root .text-sm-left { text-align: left !important; } .adroom-root .text-sm-right { text-align: right !important; } .adroom-root .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .adroom-root .text-md-left { text-align: left !important; } .adroom-root .text-md-right { text-align: right !important; } .adroom-root .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .adroom-root .text-lg-left { text-align: left !important; } .adroom-root .text-lg-right { text-align: right !important; } .adroom-root .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .adroom-root .text-xl-left { text-align: left !important; } .adroom-root .text-xl-right { text-align: right !important; } .adroom-root .text-xl-center { text-align: center !important; } } .adroom-root .text-lowercase { text-transform: lowercase !important; } .adroom-root .text-uppercase { text-transform: uppercase !important; } .adroom-root .text-capitalize { text-transform: capitalize !important; } .adroom-root .font-weight-light { font-weight: 300 !important; } .adroom-root .font-weight-normal { font-weight: 400 !important; } .adroom-root .font-weight-bold { font-weight: 700 !important; } .adroom-root .font-italic { font-style: italic !important; } .adroom-root .text-white { color: #fff !important; } .adroom-root .text-primary { color: #007bff !important; } .adroom-root a.text-primary:focus, .adroom-root a.text-primary:hover { color: #0062cc !important; } .adroom-root .text-secondary { color: #6c757d !important; } .adroom-root a.text-secondary:focus, .adroom-root a.text-secondary:hover { color: #545b62 !important; } .adroom-root .text-success { color: #28a745 !important; } .adroom-root a.text-success:focus, .adroom-root a.text-success:hover { color: #1e7e34 !important; } .adroom-root .text-info { color: #17a2b8 !important; } .adroom-root a.text-info:focus, .adroom-root a.text-info:hover { color: #117a8b !important; } .adroom-root .text-warning { color: #ffc107 !important; } .adroom-root a.text-warning:focus, .adroom-root a.text-warning:hover { color: #d39e00 !important; } .adroom-root .text-danger { color: #dc3545 !important; } .adroom-root a.text-danger:focus, .adroom-root a.text-danger:hover { color: #bd2130 !important; } .adroom-root .text-light { color: #f8f9fa !important; } .adroom-root a.text-light:focus, .adroom-root a.text-light:hover { color: #dae0e5 !important; } .adroom-root .text-dark { color: #343a40 !important; } .adroom-root a.text-dark:focus, .adroom-root a.text-dark:hover { color: #1d2124 !important; } .adroom-root .text-muted { color: #6c757d !important; } .adroom-root .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .adroom-root .visible { visibility: visible !important; } .adroom-root .invisible { visibility: hidden !important; } @media print { .adroom-root *, .adroom-root ::after, .adroom-root ::before { text-shadow: none !important; box-shadow: none !important; } .adroom-root a:not(.btn) { text-decoration: underline; } .adroom-root abbr[title]::after { content: " (" attr(title) ")"; } .adroom-root pre { white-space: pre-wrap !important; } .adroom-root blockquote, .adroom-root pre { border: 1px solid #999; page-break-inside: avoid; } .adroom-root thead { display: table-header-group; } .adroom-root img, .adroom-root tr { page-break-inside: avoid; } .adroom-root h2, .adroom-root h3, .adroom-root p { orphans: 3; widows: 3; } .adroom-root h2, .adroom-root h3 { page-break-after: avoid; } @page { .adroom-root { size: a3; } } .adroom-root body { min-width: 992px !important; } .adroom-root .container { min-width: 992px !important; } .adroom-root .navbar { display: none; } .adroom-root .badge { border: 1px solid #000; } .adroom-root .table { border-collapse: collapse !important; } .adroom-root .table td, .adroom-root .table th { background-color: #fff !important; } .adroom-root .table-bordered td, .adroom-root .table-bordered th { border: 1px solid #ddd !important; } } .react-colorful { width: 100%!important; } div.react-colorful__saturation { border: 8px!important; } /* .react-colorful__interactive { display: hidden!important; visibility: hidden!important; } */ /* .react-colorful__pointer-fill { height: 7px!important; width: 7px!important; } */ .react-colorful__pointer { height: 10px!important; width: 10px!important; border: "2px solid #ffffff"!important; } .react-colorful__hue { position: relative; left: 8px; /* margin-top: 20px; */ height: 12px!important; width: 192px; border-radius: 8px!important; } .react-colorful__alpha { margin-top: 10px; left: 8px; height: 12px!important; width: 192px; border-radius: 8px!important; /* display: hidden!important; visibility: hidden!important; */ }._noDataRoot_p0w1z_1 { display: flex; flex-direction: column; flex: 1; align-items: center; justify-self: center; gap: 1.5rem; margin: auto; } ._text_p0w1z_10{ font-weight: 400; color: #7D899C }._prompt_adv_opt_root_1pntm_1 { display: flex; flex-direction: column; /* flex: 1; */ gap: 1rem; width: 100%; /* margin-top: 32px; */ } ._prompt_adv_opt_sub_1pntm_10 { display: flex; align-items: center; gap: 1.3rem; flex-wrap: wrap; } ._prompt_adv_opt_subMid_1pntm_17 { display: flex; align-items: center; gap: 1.3rem; width: 100%; flex-wrap: wrap; } ._icon_1pntm_25 { height: 20px; width: 20px; color: #7d899c; } ._prompt_adv_opt_main_1pntm_31 { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } ._prompt_adv_opt_subMain_1pntm_38 { width: 130px; } ._prompt_adv_opt_subMainR_1pntm_42 { width: 160px; } ._prompt_adv_opt_row_1pntm_46 { display: flex; flex-direction: row; } ._prompt_adv_opt_accordion_details_1pntm_51 { padding: 8px 0px 0px 2.5rem; } ._asset-div_wozlu_1 { width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; object-fit: contain; } ._upload_label_wozlu_10:hover { background: #394455 !important; color: white !important; border: 1px solid #394455 !important; } ._upload_label_wozlu_10:hover ._upload__text_wozlu_15 { color: white !important; } ._updateAsset-div_wozlu_19 { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; } ._library__asset_wozlu_27 { /* max-width: 100%; max-height: 8rem; */ height: 100%; width: auto; object-fit: contain; } ._library__asset_wozlu_27 img { /* max-height: 100%; */ height: 150px; width: 150px; object-fit: contain; } ._font-title_wozlu_41 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_wozlu_15 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-top: 10px; width: 300px; } ._upload__sub_text_wozlu_57 { color: #5c6674; } ._color__preview_wozlu_61 { width: 30px; height: 30px; border-radius: 50%; } /* color picker */ ._color__container_wozlu_69 { padding: 15px; display: flex; gap: 10px; flex-direction: column; border-radius: 10px; width: 100%; min-height: 225px; } ._color__preview_wozlu_61 { width: 30px; height: 30px; border-radius: 50%; } ._color__input_wozlu_85 { background: #bbc0c6; border: 1px solid #d3d3d3; border-radius: 4px; padding: 2px 8px; font-family: "Lato"; font-style: normal; font-weight: 400; font-size: 16px; color: #111314; } ._color__picker-row_wozlu_99 { display: flex; align-items: center; gap: 15px; } ._color__picker-row_wozlu_99._flex-grow_wozlu_105 { flex-grow: 1; } ._color__picker-row_wozlu_99._align-end_wozlu_109 { align-items: flex-end; } ._color__picker-container_wozlu_113 ._react-colorful_wozlu_113 { height: 100%; width: 100%; } ._color__picker-container_wozlu_113 ._react-colorful__saturation_wozlu_118 { border-radius: 6px 6px 0 0; } ._color__picker-container_wozlu_113 ._react-colorful__saturation-pointer_wozlu_122 { width: 10px; height: 10px; } ._color__picker-container_wozlu_113 ._react-colorful__hue_wozlu_127 { height: 10px; border-radius: 0 0 6px 6px; } ._color__picker-container_wozlu_113 ._react-colorful__hue-pointer_wozlu_132 { width: 10px; height: 10px; border-radius: 99%; } ._dnd__container_wozlu_138 { min-width: 100%; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; cursor: pointer; } ._dnd__input_wozlu_148 { display: none; } ._dnd__label_wozlu_152 { width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #596573; border-radius: 1rem; margin: 0; cursor: pointer; } ._dnd__label_wozlu_152._drag-active_wozlu_170 { opacity: 0.5; } ._dnd__area_wozlu_174 { position: absolute; width: 100%; height: 100%; border-radius: 1rem; top: 0px; right: 0px; bottom: 0px; left: 0px; } ._asset-div_1ke37_1 { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } ._updateAsset-div_1ke37_9 { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; } ._library__asset_1ke37_17 { max-width: 100%; max-height: 8rem; height: auto; width: auto; justify-content: center; align-items: center; } ._font-title_1ke37_26 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_1ke37_33 { max-width: 400px; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._upload__sub_text_1ke37_40 { color: #5C6674; } ._logo_zz96v_1 { width: 9.1419rem; } ._button-cta_zz96v_5 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; border-width: 1px; border-style: solid; border-radius: 5px; color: #F5F5F5; text-transform: none; border-color: transparent; padding: 0.8rem 2rem; cursor: pointer; } ._button-cta_zz96v_5:focus { outline: none; } ._button-cta_zz96v_5._button--primary_zz96v_29 { background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border: none; } a { text-decoration: none; color: #F5F5F5; } ._text1_zz96v_39 { font-family: 'Inter'; font-style: normal; font-weight: 800; font-size: 60px; letter-spacing: -0.02em; color: #FFFFFF; } ._text2_zz96v_48 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 28px; letter-spacing: 0.01em; color: #9B9FAB; } ._text3_zz96v_57 { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; color: #777E90; }._asset_div_8n6bn_1 { /* min-height: 52px; min-width: 52px; */ height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; border-radius: 4px; color: #f5f5f5; font-size: 12px; } ._library__asset_8n6bn_17 { height: 100%; justify-content: flex-start; align-items: flex-start; display: flex; border-radius: 16px; } ._library__asset_8n6bn_17 img { border-radius: 4px; max-height: 100%; object-fit: contain; } ._font-title_8n6bn_30 { font-family: "Lato"; font-style: normal; font-weight: 500; font-size: 14px; color: #f5f5f5; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._output_card__video_8n6bn_44, ._output_card__image_8n6bn_45 { height: 100%; justify-content: center; align-items: center; display: flex; } ._output_card__image_8n6bn_45 img { border-radius: 4px; height: 100%; object-fit: contain; } ._actionIcon_8n6bn_57 span { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } ._actionIcon_8n6bn_57 svg { width: 18px; height: 18px; } ._asset_div_1ra37_1 { display: flex; align-items: center; justify-content: center; width: 100%; cursor: pointer; width: 100%; min-height: 52px; border-radius: 4px; color: #F5F5F5; font-size: 12px; } ._library__asset_1ra37_15 { max-width: 100%; max-height: 100%; display: flex !important; height: 100%; width: 100%; justify-content: center; align-items: center; } ._library__asset_1ra37_15 img { max-height: 100%; object-fit: contain; } ._font-title_1ra37_30 { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 28px; color: #F5F5F5; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._style_tab_parent_1ra37_43{ position: relative; } ._style_tab_parent_1ra37_43:hover ._style_tab_close_1ra37_46 { display: flex; } ._style_tab_close_1ra37_46 { display: none; position: absolute; top: -10px; right: -10px; cursor: pointer; }._asset-div_178m8_1 { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } ._updateAsset-div_178m8_9 { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; } ._library__asset_178m8_17 { max-width: 100%; max-height: 8rem; height: auto; width: auto; justify-content: center; align-items: center; } ._font-title_178m8_26 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_178m8_33 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; width: 300px; } ._upload__sub_text_178m8_41 { color: #5C6674; } ._upload_label_178m8_44:hover { background: #394455 !important; color: white !important; border: 1px solid #394455 !important } ._upload_label_178m8_44:hover ._upload__text_178m8_33{ color: white !important } ._dnd__container_178m8_52 { min-width: 100%; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; cursor: pointer; } ._dnd__input_178m8_62 { display: none; } ._dnd__label_178m8_66 { width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #596573; border-radius: 1rem; margin: 0; cursor: pointer; } ._dnd__label_178m8_66._drag-active_178m8_84 { opacity: 0.5; } ._dnd__area_178m8_88 { position: absolute; width: 100%; height: 100%; border-radius: 1rem; top: 0px; right: 0px; bottom: 0px; left: 0px; }._icon_1n4dg_1 { height: 40px; width: 40px; cursor: pointer; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; } ._iconSelected_1n4dg_11 { background-color: #394455; } ._detailMainDiv_1n4dg_15 { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 24px; overflow: auto; height: 100%; } ._detailDiv_1n4dg_24 { display: flex; align-items: center; } ._chatDiv_1n4dg_31 { height: 100%; min-width: 210px; max-height: 506px; align-items: center; } ._facebookChatDiv_1n4dg_38 { /* height: calc(72vh - 245px); */ height: 50vh; min-width: 210px; align-items: center; } ._statusDiv_1n4dg_46 { display: flex; align-items: center; gap: 4px; } ._status_1n4dg_46 { height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } ._detailsBottomDiv_1n4dg_61 { display: flex; gap: 1rem; flex-direction: column; justify-content: space-between; } ._detailText_1n4dg_68 { text-align: left !important; color: rgba(125, 137, 156, 1) !important; width: 50%; } ._detailValText_1n4dg_74 { text-align: left !important; color: rgba(174, 182, 196, 1) !important; width: 50%; margin-left: 8px; } ._actionIcon_1n4dg_81 { height: 40px; width: 40px; cursor: pointer; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; background-color: #394455; } ._productImg_1n4dg_92 { height: 100%; width: 100%; border-radius: 8px; object-fit: cover; } ._smallImg_1n4dg_99 { max-height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 10px; cursor: pointer; border: 4px solid transparent; &.ad { max-height: 160px; } } ._smallImgSelected_1n4dg_113 { border: 4px solid #74aafd; } ._gridView_1n4dg_117 { display: flex; border-radius: 4px; } ._gridViewImg_1n4dg_122 { position: relative; /* height: 200px; */ border-radius: 4px; cursor: pointer; border: 4px solid transparent; } ._doneDiv_1n4dg_130 { height: 24px; width: 24px; border-radius: 12px; position: absolute; background-color: black; top: 8px; right: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; } ._doneIcon_1n4dg_144 { color: white; font-size: 18px; } ._gridViewImgSelected_1n4dg_149 { border-color: #74aafd; box-shadow: 0px 32px 48px -16px #0000001a; } ._checkBox_1n4dg_154 { color: #fff; } ._selectAll_1n4dg_158 { display: flex; flex-direction: row; align-items: center; border-radius: 8px; border: 2px solid #394455; padding: 7px 14px; gap: 0.5rem; cursor: pointer; width: 125px; min-width: 125px; } ._output_card__image_1n4dg_171 { /* width: 100%; */ height: 100%; border-radius: 5px; } ._output_card__image_1n4dg_171 img { /* width: auto; */ height: 100%; object-fit: contain; } ._output_card__video_1n4dg_183 { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 5px; } :root{--main-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;--second-font: Helvetica Neue, Helvetica, Arial, sans-serif;--xs-font: 10px;--sm-font: 12px;--md-font: 14px;--lg-font: 16px;--xl-font: 22px;--xxl-font: 26px;--xxxl-font: 32px;--font-weight-regular: 400;--font-weight-semi-bold: 600;--font-weight-bold: 700;--primary-color: #006cff;--primary-color-faded: #006cff5c;--magenta: #ff00ff;--red: #ff0000;--faded-red: #d0021b1a;--blue: #026afa;--faded-blue: #cfe3ff;--dt-bg-team: #1d1f22;--border-color: rgba(0, 0, 0, 0.0784313725);--lighten-black: #808080;--lighten-grey: #858585;--light-grey: #ebebeb;--grey: #7a7a7a;--dark-grey: #343434;--green: #28ca42;--faded-green: #02d0021a;--white: #ffffff;--white5: #ffffff0d;--white10: #ffffff1a;--white20: #ffffff33;--white30: #ffffff4d;--white40: #ffffff66;--white50: #ffffff80;--white60: #ffffff99;--white70: #ffffffb3;--white80: #ffffffcc;--white90: #ffffffe6;--white95: #fffffff2;--black: #000000;--black5: #0000000d;--black10: #0000001a;--black20: #00000033;--black30: #0000004d;--black40: #00000066;--black50: #00000080;--black60: #00000099;--black70: #000000b3;--black80: #000000cc;--black90: #000000e6;--black95: #000000f2;--border-radius: 16px;--border-radius-sm: calc(var(--border-radius) / 4);--border-radius-md: calc(var(--border-radius) / 2);--border-radius-round: 999px;--spacing-unit: 8px;--xxs-p: calc(var(--spacing-unit) / 2);--xs-p: var(--spacing-unit);--sm-p: calc(var(--spacing-unit) * 2);--md-p: calc(var(--spacing-unit) * 3);--lg-p: calc(var(--spacing-unit) * 4);--xl-p: calc(var(--spacing-unit) * 5);--xxl-p: calc(var(--spacing-unit) * 8);--xxs-m: calc(var(--spacing-unit) / 2);--xs-m: var(--spacing-unit);--sm-m: calc(var(--spacing-unit) * 2);--md-m: calc(var(--spacing-unit) * 3);--lg-m: calc(var(--spacing-unit) * 4);--xl-m: calc(var(--spacing-unit) * 5);--xxl-m: calc(var(--spacing-unit) * 8);--assetsPath: "../assets";--accent_blue: #005fff;--accent_green: #20e070;--accent_red: #ff3742;--bg-gradient-end: #f7f7f7;--bg-gradient-start: #fcfcfc;--blue-alice: #e9f2ff;--border: #00000014;--button-background: #ffffff;--button-text: #005fff;--secondary-button-text: var(--grey);--grey-gainsboro: #dbdbdb;--grey-whisper: #ecebeb;--highlight: #fbf4dd;--modal-shadow: #00000099;--overlay: #00000033;--overlay-dark: #00000099;--shadow-icon: #00000040;--targetedMessageBackground: #fbf4dd;--transparent: transparent;--white-smoke: #f2f2f2;--white-snow: #fcfcfc;--unread-badge-color: #ffffff;--modal-overlay-color: rgba(0, 0, 0, 0.89);--modal-edit-message-form-width: 47em} .str-chat{box-sizing:border-box} .str-chat *,.str-chat *::after,.str-chat *::before{box-sizing:inherit;font-family:var(--second-font)} .str-chat .ngxp__container{z-index:1;margin:0 !important;padding:0 !important;box-shadow:none !important;border:none !important} .str-chat .ngxp__container .ngxp__arrow{display:none !important} .str-chat.google-chrome popper-content .ngxp__container{display:block !important;position:absolute;right:0;bottom:0;opacity:0} .str-chat.google-chrome popper-content .ngxp__container[aria-hidden=true]{visibility:hidden} .str-chat .str-chat__unread-messages-notification,.str-chat .str-chat__unread-messages-separator-wrapper,.str-chat .str-chat__message-bounce-prompt{display:none} .clearfix{clear:both} .messenger-chat.str-chat{display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--second-font);height:100vh;margin:0;flex:1 0 100%} .messenger-chat.str-chat .str-chat__container{flex:1;height:100%;display:flex;flex-direction:row} .messenger-chat.str-chat .str-chat__main-panel{width:100%;min-width:250px;flex:1;height:100%;display:flex;flex-direction:column;padding:var(--sm-p) var(--sm-p) 0 var(--xs-p)} .str-chat{height:100vh;font-family:var(--second-font);color:var(--black)} .str-chat.dark{color:var(--white)} .str-chat.messaging,.str-chat.commerce{background-color:var(--grey-gainsboro)} .str-chat.messaging.dark,.str-chat.commerce.dark{background-color:var(--dark-grey)} .str-chat.team.dark{background:var(--dark-grey)} .str-chat.livestream.dark{background:var(--dark-grey)} .str-chat-channel-list{float:left} .str-chat-channel{max-height:100vh} .str-chat-channel .str-chat__container{height:100%;display:flex} .str-chat-channel .str-chat__container .str-chat__main-panel,.str-chat-channel .str-chat__container .str-chat-angular__main-panel-inner{height:100%;width:100%;min-width:250px;display:flex;flex-direction:column;flex:1} .str-chat-channel .str-chat__container .str-chat__main-panel--hideOnThread,.str-chat-channel .str-chat__container .str-chat-angular__main-panel-inner--hideOnThread{display:none} .str-chat-channel .str-chat__container .rfu-dropzone{width:100%} .str-chat-channel.messaging .str-chat__main-panel{padding:var(--sm-p) var(--xs-p) 0 0} @media screen and (max-width: 960px){.str-chat-channel.messaging .str-chat__main-panel{padding:var(--xxs-p) var(--xxs-p) 0}} .str-chat-channel.team .str-chat__container{display:flex} .str-chat-channel.commerce .str-chat__main-panel{width:100%} .str-chat-channel.commerce .str-chat__container{background:var(--white95)} .str-chat-channel.commerce.dark .str-chat__container{background:var(--dark-grey);box-shadow:0 10px 31px 0 var(--black50)} .str-chat.dark .emoji-mart{background:var(--dark-grey);border:var(--dark-grey)} .str-chat.dark .emoji-mart-category-label span{background:var(--dark-grey);color:var(--white)} .str-chat.dark .emoji-mart-search input{background:var(--dark-grey);color:var(--white)} .str-chat.dark .emoji-mart-search button svg{fill:var(--white)} .str-chat__empty-channel{display:none} stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center} .mml-container{font-family:inherit;line-height:1.26;font-size:15px} .mml-container *{box-sizing:border-box} .mml-wrap{display:flex;flex-direction:column;max-width:66.66%} .mml-align-left .mml-wrap{margin-right:auto} .mml-align-right .mml-wrap{margin-left:auto} .mml-wrap>*{border-radius:16px} .mml-align-left .mml-wrap>*{margin-right:auto} .mml-align-right .mml-wrap>*{margin-left:auto} .mml-align-left .mml-wrap>:last-child:not(.mml-btn){border-bottom-left-radius:0} .mml-align-right .mml-wrap>:last-child:not(.mml-btn){border-bottom-right-radius:0} .mml-add-to-calendar>.mml-card-body:last-child{overflow:hidden;border-bottom:1px solid #e5e5e6} .base-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#1b2d46} .commerce-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#eaeaea} .commerce-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#004ccc} .livestream-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#bed5e4} .livestream-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#081e58} .messaging-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#d6d6d6} .messaging-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#252628} .team-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#eaeaea} .team-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#4e00cc} .mml-align-left .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-right-radius:16px} .mml-align-right .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-left-radius:16px} .mml-btn{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;-webkit-appearance:none;padding:6px 16px;border-radius:16px;border:1px solid #f2f2f2;color:#006cff;background:#f2f2f2;font-family:inherit;font-weight:700;font-size:15px;margin:0} .base-dark .mml-btn{border-color:#1a232e} .commerce-light .mml-btn{border-color:#d9e1e6} .commerce-dark .mml-btn{border-color:#1c1f27} .livestream-light .mml-btn{border-color:#d9e1e6} .livestream-dark .mml-btn{border-color:#041b55} .messaging-light .mml-btn{border-color:#ebebeb} .messaging-dark .mml-btn{border-color:#242424} .team-light .mml-btn{border-color:#ccc} .team-dark .mml-btn{border-color:#201c27} .base-dark .mml-btn{color:#006cff} .commerce-light .mml-btn{color:#005fff} .commerce-dark .mml-btn{color:#004ccc} .livestream-light .mml-btn{color:#19a0ff} .livestream-dark .mml-btn{color:#0d47d9} .messaging-dark .mml-btn,.messaging-light .mml-btn{color:#0283ff} .team-light .mml-btn{color:#4e1d9d} .team-dark .mml-btn{color:#5d02f0} .base-dark .mml-btn{background:#152438} .commerce-light .mml-btn{background:#fff} .commerce-dark .mml-btn{background:#1c1f27} .livestream-light .mml-btn{background:#fff} .livestream-dark .mml-btn{background:#010c29} .messaging-light .mml-btn{background:#fff} .messaging-dark .mml-btn{background:#3e4042} .team-light .mml-btn{background:#fff} .team-dark .mml-btn{background:#201c27} .mml-btn:not([disabled]){cursor:pointer} .mml-btn:focus,.mml-btn:hover{border-color:#006cff;color:#fff;background:#006cff} .base-dark .mml-btn:focus,.base-dark .mml-btn:hover{border-color:#006cff} .commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover{border-color:#005fff} .commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover{border-color:#004ccc} .livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover{border-color:#19a0ff} .livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover{border-color:#0d47d9} .messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{border-color:#0283ff} .team-light .mml-btn:focus,.team-light .mml-btn:hover{border-color:#4e1d9d} .team-dark .mml-btn:focus,.team-dark .mml-btn:hover{border-color:#5d02f0} .base-dark .mml-btn:focus,.base-dark .mml-btn:hover,.commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover,.commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover,.livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover,.livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{color:#fff} .messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover{color:#e8e8e9} .team-dark .mml-btn:focus,.team-dark .mml-btn:hover,.team-light .mml-btn:focus,.team-light .mml-btn:hover{color:#fff} .base-dark .mml-btn:focus,.base-dark .mml-btn:hover{background:#006cff} .commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover{background:#005fff} .commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover{background:#004ccc} .livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover{background:#19a0ff} .livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover{background:#0d47d9} .messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{background:#0283ff} .team-light .mml-btn:focus,.team-light .mml-btn:hover{background:#4e1d9d} .team-dark .mml-btn:focus,.team-dark .mml-btn:hover{background:#5d02f0} .mml-btn[disabled]{border-color:#f2f2f2;color:#b2b1b5;background:#f2f2f2} .base-dark .mml-btn[disabled]{border-color:#152438} .commerce-light .mml-btn[disabled]{border-color:#fff} .commerce-dark .mml-btn[disabled]{border-color:#1c1f27} .livestream-light .mml-btn[disabled]{border-color:#fff} .livestream-dark .mml-btn[disabled]{border-color:#010c29} .messaging-light .mml-btn[disabled]{border-color:#fff} .messaging-dark .mml-btn[disabled]{border-color:#3e4042} .team-light .mml-btn[disabled]{border-color:#fff} .team-dark .mml-btn[disabled]{border-color:#201c27} .base-dark .mml-btn[disabled]{color:#57606b} .commerce-light .mml-btn[disabled]{color:#b6bece} .commerce-dark .mml-btn[disabled]{color:#43527c} .livestream-light .mml-btn[disabled]{color:#85cdff} .livestream-dark .mml-btn[disabled]{color:#48526a} .messaging-light .mml-btn[disabled]{color:#b3b3b3} .messaging-dark .mml-btn[disabled]{color:#626262} .team-light .mml-btn[disabled]{color:#9f8bbf} .team-dark .mml-btn[disabled]{color:#59437c} .base-dark .mml-btn[disabled]{background:#152438} .commerce-light .mml-btn[disabled]{background:#fff} .commerce-dark .mml-btn[disabled]{background:#1c1f27} .livestream-light .mml-btn[disabled]{background:#fff} .livestream-dark .mml-btn[disabled]{background:#010c29} .messaging-light .mml-btn[disabled]{background:#fff} .messaging-dark .mml-btn[disabled]{background:#3e4042} .team-light .mml-btn[disabled]{background:#fff} .team-dark .mml-btn[disabled]{background:#201c27} .mml-btn:focus{outline:none} .mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.15)} .base-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)} .commerce-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.08)} .commerce-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)} .livestream-light .mml-btn--floating{box-shadow:0 2px 5px rgba(190,213,228,.5)} .livestream-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)} .messaging-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,74,174,.15)} .messaging-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.1)} .team-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.08)} .team-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)} .mml-btn--floating:focus{box-shadow:none !important} .mml-btn--with-icon .mml-icon{margin-right:.4em} .mml-btn--icon{padding:5px;border-radius:100%} .mml-btnlist{display:flex} .mml-btnlist--grounded{flex-direction:column;overflow:hidden;width:100%;border:1px solid #e5e5e6;background:#f2f2f2} .base-dark .mml-btnlist--grounded{border-color:#1b2d46} .commerce-light .mml-btnlist--grounded{border-color:#eaeaea} .commerce-dark .mml-btnlist--grounded{border-color:#004ccc} .livestream-light .mml-btnlist--grounded{border-color:#bed5e4} .livestream-dark .mml-btnlist--grounded{border-color:#081e58} .messaging-light .mml-btnlist--grounded{border-color:#d6d6d6} .messaging-dark .mml-btnlist--grounded{border-color:#252628} .team-light .mml-btnlist--grounded{border-color:#eaeaea} .team-dark .mml-btnlist--grounded{border-color:#4e00cc} .base-dark .mml-btnlist--grounded{background:#152438} .commerce-light .mml-btnlist--grounded{background:#fff} .commerce-dark .mml-btnlist--grounded{background:#1c1f27} .livestream-light .mml-btnlist--grounded{background:#fff} .livestream-dark .mml-btnlist--grounded{background:#010c29} .messaging-light .mml-btnlist--grounded{background:#fff} .messaging-dark .mml-btnlist--grounded{background:#3e4042} .team-light .mml-btnlist--grounded{background:#fff} .team-dark .mml-btnlist--grounded{background:#201c27} .mml-btnlist--grounded .mml-btn{width:100%;margin:0;padding:12px 16px;border-width:0 0 1px;border-radius:0;border-color:#e5e5e6} .base-dark .mml-btnlist--grounded .mml-btn{border-color:#1b2d46} .commerce-light .mml-btnlist--grounded .mml-btn{border-color:#eaeaea} .commerce-dark .mml-btnlist--grounded .mml-btn{border-color:#004ccc} .livestream-light .mml-btnlist--grounded .mml-btn{border-color:#bed5e4} .livestream-dark .mml-btnlist--grounded .mml-btn{border-color:#081e58} .messaging-light .mml-btnlist--grounded .mml-btn{border-color:#d6d6d6} .messaging-dark .mml-btnlist--grounded .mml-btn{border-color:#252628} .team-light .mml-btnlist--grounded .mml-btn{border-color:#eaeaea} .team-dark .mml-btnlist--grounded .mml-btn{border-color:#4e00cc} .mml-btnlist--grounded .mml-btn:not(:hover):not(:focus){background:none} .mml-btnlist--grounded .mml-btn:last-child{border-width:0} .mml-btnlist--grounded .mml-btn--with-icon{justify-content:flex-start;font-weight:400} .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#0e1621} .base-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#fff} .commerce-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#202a3c} .commerce-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e2e5e9} .livestream-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#2c2c30} .livestream-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#fff} .messaging-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#0e1621} .messaging-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e8e8e9} .team-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#2e2c30} .team-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e5e2e9} .mml-btnlist--floating{flex-direction:row;flex-wrap:wrap;justify-content:center} .mml-align-right .mml-btnlist--floating{margin-left:calc(-50% - 8px);margin-right:-8px} .mml-align-left .mml-btnlist--floating{margin-left:-8px;margin-right:calc(-50% - 8px)} .mml-btnlist--floating .mml-btn{margin:8px} .mml-align-right .mml-carousel{margin-left:-50%} .mml-align-left .mml-carousel{margin-right:-50%} .mml-carousel__track{display:flex;padding:8px 0;overflow-x:scroll;scrollbar-width:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none} .mml-carousel__track::-webkit-scrollbar{display:none} .mml-carousel__slides{display:flex;flex-wrap:nowrap;min-width:100%} .mml-carousel__slide{scroll-snap-align:center;display:flex;flex-direction:column;margin-right:8px} .mml-align-right .mml-carousel__slide:first-child{margin-left:auto} .mml-carousel__slide:last-child{margin-right:0} .mml-carousel-item>:not(:first-child):not(:last-child){background:#fff} .base-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0e1723} .commerce-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f5f9ff} .commerce-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0c0e12} .livestream-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f1faff} .livestream-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#00091f} .messaging-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f7f7f8} .messaging-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#2d2e2f} .team-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f9f5ff} .team-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0f0c12} .mml-carousel-item>.mml-md,.mml-carousel-item>.mml-text{border-color:#e5e5e6;border-style:solid;border-width:0 1px;padding:0 8px 8px} .base-dark .mml-carousel-item>.mml-md,.base-dark .mml-carousel-item>.mml-text{border-color:#1b2d46} .commerce-light .mml-carousel-item>.mml-md,.commerce-light .mml-carousel-item>.mml-text{border-color:#eaeaea} .commerce-dark .mml-carousel-item>.mml-md,.commerce-dark .mml-carousel-item>.mml-text{border-color:#004ccc} .livestream-light .mml-carousel-item>.mml-md,.livestream-light .mml-carousel-item>.mml-text{border-color:#bed5e4} .livestream-dark .mml-carousel-item>.mml-md,.livestream-dark .mml-carousel-item>.mml-text{border-color:#081e58} .messaging-light .mml-carousel-item>.mml-md,.messaging-light .mml-carousel-item>.mml-text{border-color:#d6d6d6} .messaging-dark .mml-carousel-item>.mml-md,.messaging-dark .mml-carousel-item>.mml-text{border-color:#252628} .team-light .mml-carousel-item>.mml-md,.team-light .mml-carousel-item>.mml-text{border-color:#eaeaea} .team-dark .mml-carousel-item>.mml-md,.team-dark .mml-carousel-item>.mml-text{border-color:#4e00cc} .mml-carousel-item>.mml-md:first-of-type,.mml-carousel-item>.mml-text:first-of-type{padding-top:8px;padding-bottom:6px} .mml-carousel-item>.mml-md:last-of-type,.mml-carousel-item>.mml-text:last-of-type{flex:1} .mml-carousel-item>.mml-text{font-size:11px;color:#8a898e} .base-dark .mml-carousel-item>.mml-text{color:#868b91} .commerce-light .mml-carousel-item>.mml-text{color:#6c7a93} .commerce-dark .mml-carousel-item>.mml-text{color:#afc0df} .livestream-light .mml-carousel-item>.mml-text{color:#7ba0bb} .livestream-dark .mml-carousel-item>.mml-text{color:#7889b6} .messaging-light .mml-carousel-item>.mml-text{color:#8c8c8c} .messaging-dark .mml-carousel-item>.mml-text{color:#898a8b} .team-light .mml-carousel-item>.mml-text{color:#7c61a8} .team-dark .mml-carousel-item>.mml-text{color:#c1afdf} .mml-carousel-item .mml-btn{padding:10px 16px;border-top-left-radius:0;border-top-right-radius:0;border:1px solid #e5e5e6} .base-dark .mml-carousel-item .mml-btn{border-color:#1b2d46} .commerce-light .mml-carousel-item .mml-btn{border-color:#eaeaea} .commerce-dark .mml-carousel-item .mml-btn{border-color:#004ccc} .livestream-light .mml-carousel-item .mml-btn{border-color:#bed5e4} .livestream-dark .mml-carousel-item .mml-btn{border-color:#081e58} .messaging-light .mml-carousel-item .mml-btn{border-color:#d6d6d6} .messaging-dark .mml-carousel-item .mml-btn{border-color:#252628} .team-light .mml-carousel-item .mml-btn{border-color:#eaeaea} .team-dark .mml-carousel-item .mml-btn{border-color:#4e00cc} .mml-col-align-center{justify-content:center} .mml-col-align-right{justify-content:flex-end} .mml-col-1,.mml-col-2,.mml-col-3,.mml-col-4,.mml-col-5,.mml-col-6,.mml-col-7,.mml-col-8,.mml-col-9,.mml-col-10,.mml-col-11,.mml-col-12{position:relative;width:100%;padding-right:4px;padding-left:4px} .mml-col-1{flex:0 0 8.33333%;max-width:8.33333%} .mml-col-2{flex:0 0 16.66667%;max-width:16.66667%} .mml-col-3{flex:0 0 25%;max-width:25%} .mml-col-4{flex:0 0 33.33333%;max-width:33.33333%} .mml-col-5{flex:0 0 41.66667%;max-width:41.66667%} .mml-col-6{flex:0 0 50%;max-width:50%} .mml-col-7{flex:0 0 58.33333%;max-width:58.33333%} .mml-col-8{flex:0 0 66.66667%;max-width:66.66667%} .mml-col-9{flex:0 0 75%;max-width:75%} .mml-col-10{flex:0 0 83.33333%;max-width:83.33333%} .mml-col-11{flex:0 0 91.66667%;max-width:91.66667%} .mml-col-12{flex:0 0 100%;max-width:100%} .mml-col-auto{flex:0 0 auto;width:auto;max-width:100%} .mml-offset-1{margin-left:8.33333%} .mml-offset-2{margin-left:16.66667%} .mml-offset-3{margin-left:25%} .mml-offset-4{margin-left:33.33333%} .mml-offset-5{margin-left:41.66667%} .mml-offset-6{margin-left:50%} .mml-offset-7{margin-left:58.33333%} .mml-offset-8{margin-left:66.66667%} .mml-offset-9{margin-left:75%} .mml-offset-10{margin-left:83.33333%} .mml-offset-11{margin-left:91.66667%} .mml-error{display:flex;justify-content:center;padding:8px;color:#bb5151;font-size:88%} .mml-icon{font-family:Material Icons;line-height:16px;font-size:16px} .mml-icon__svg{width:1em;height:1em;fill:currentColor} .mml-image{display:block;width:100%;height:auto;margin:0} .mml-input{position:relative;width:100%;padding:12px 16px;-webkit-appearance:none;border:1px solid #e5e5e6;color:#8a898e} .base-dark .mml-input{border-color:#1b2d46} .commerce-light .mml-input{border-color:#eaeaea} .commerce-dark .mml-input{border-color:#004ccc} .livestream-light .mml-input{border-color:#bed5e4} .livestream-dark .mml-input{border-color:#081e58} .messaging-light .mml-input{border-color:#d6d6d6} .messaging-dark .mml-input{border-color:#252628} .team-light .mml-input{border-color:#eaeaea} .team-dark .mml-input{border-color:#4e00cc} .base-dark .mml-input{color:#868b91} .commerce-light .mml-input{color:#6c7a93} .commerce-dark .mml-input{color:#afc0df} .livestream-light .mml-input{color:#7ba0bb} .livestream-dark .mml-input{color:#7889b6} .messaging-light .mml-input{color:#8c8c8c} .messaging-dark .mml-input{color:#898a8b} .team-light .mml-input{color:#7c61a8} .team-dark .mml-input{color:#c1afdf} .mml-input:focus{outline:none;color:#0e1621} .base-dark .mml-input:focus{color:#fff} .commerce-light .mml-input:focus{color:#202a3c} .commerce-dark .mml-input:focus{color:#e2e5e9} .livestream-light .mml-input:focus{color:#2c2c30} .livestream-dark .mml-input:focus{color:#fff} .messaging-light .mml-input:focus{color:#0e1621} .messaging-dark .mml-input:focus{color:#e8e8e9} .team-light .mml-input:focus{color:#2e2c30} .team-dark .mml-input:focus{color:#e5e2e9} .mml-card-header+.mml-input,.mml-card .mml-input+.mml-btn{border-top:0} .mml-progress{width:1em;color:#bbb;-webkit-animation:mml-animation-dash 1.4s ease-in-out infinite;animation:mml-animation-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0} .mml-progress__svg{display:block} .mml-progress__circle{stroke:currentColor} @-webkit-keyframes mml-animation-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}} @keyframes mml-animation-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}} .mml-loading{display:flex;align-items:center;justify-content:center;padding:8px;font-size:88%} .mml-loading__text{padding-left:8px} .mml-md{padding:2px 0;color:#0e1621} .base-dark .mml-md{color:#fff} .commerce-light .mml-md{color:#202a3c} .commerce-dark .mml-md{color:#e2e5e9} .livestream-light .mml-md{color:#2c2c30} .livestream-dark .mml-md{color:#fff} .messaging-light .mml-md{color:#0e1621} .messaging-dark .mml-md{color:#e8e8e9} .team-light .mml-md{color:#2e2c30} .team-dark .mml-md{color:#e5e2e9} .mml-md blockquote{padding:0 1em;margin:1em 0;border:solid #f2f2f2;border-width:0 0 0 3px} .base-dark .mml-md blockquote{border-color:#152438} .commerce-light .mml-md blockquote{border-color:#fff} .commerce-dark .mml-md blockquote{border-color:#1c1f27} .livestream-light .mml-md blockquote{border-color:#fff} .livestream-dark .mml-md blockquote{border-color:#010c29} .messaging-light .mml-md blockquote{border-color:#fff} .messaging-dark .mml-md blockquote{border-color:#3e4042} .team-light .mml-md blockquote{border-color:#fff} .team-dark .mml-md blockquote{border-color:#201c27} .mml-md pre{padding:2px 4px;margin:0 0 1em;white-space:normal;background:#e5e5e6} .base-dark .mml-md pre{background:#1b2d46} .commerce-light .mml-md pre{background:#eaeaea} .commerce-dark .mml-md pre{background:#004ccc} .livestream-light .mml-md pre{background:#bed5e4} .livestream-dark .mml-md pre{background:#081e58} .messaging-light .mml-md pre{background:#d6d6d6} .messaging-dark .mml-md pre{background:#252628} .team-light .mml-md pre{background:#eaeaea} .team-dark .mml-md pre{background:#4e00cc} .mml-md code{color:#e83e8c;font-size:87.5%;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .mml-md p{margin:0} .mml-md p:not(:first-child):not(:last-child){margin:0 0 1em} .base-dark .mml-md a,.mml-md a{color:#006cff} .commerce-light .mml-md a{color:#005fff} .commerce-dark .mml-md a{color:#004ccc} .livestream-light .mml-md a{color:#19a0ff} .livestream-dark .mml-md a{color:#0d47d9} .messaging-dark .mml-md a,.messaging-light .mml-md a{color:#0283ff} .team-light .mml-md a{color:#4e1d9d} .team-dark .mml-md a{color:#5d02f0} .mml-number,.mml-number__count{flex:1;display:flex} .mml-number__count{align-items:center;justify-content:center;margin:0 8px;font-weight:700;color:#0e1621} .base-dark .mml-number__count{color:#fff} .commerce-light .mml-number__count{color:#202a3c} .commerce-dark .mml-number__count{color:#e2e5e9} .livestream-light .mml-number__count{color:#2c2c30} .livestream-dark .mml-number__count{color:#fff} .messaging-light .mml-number__count{color:#0e1621} .messaging-dark .mml-number__count{color:#e8e8e9} .team-light .mml-number__count{color:#2e2c30} .team-dark .mml-number__count{color:#e5e2e9} .mml-number .mml-btn{margin:8px} .mml-row{display:flex;flex-wrap:wrap;margin-right:-4px;margin-left:-4px;min-width:100%} .mml-card{width:100%} .mml-card .mml-btnlist{font-size:14px;border:0} .mml-card>:not(:first-child):not(:last-child){background:#fff} .base-dark .mml-card>:not(:first-child):not(:last-child){background:#0e1723} .commerce-light .mml-card>:not(:first-child):not(:last-child){background:#f5f9ff} .commerce-dark .mml-card>:not(:first-child):not(:last-child){background:#0c0e12} .livestream-light .mml-card>:not(:first-child):not(:last-child){background:#f1faff} .livestream-dark .mml-card>:not(:first-child):not(:last-child){background:#00091f} .messaging-light .mml-card>:not(:first-child):not(:last-child){background:#f7f7f8} .messaging-dark .mml-card>:not(:first-child):not(:last-child){background:#2d2e2f} .team-light .mml-card>:not(:first-child):not(:last-child){background:#f9f5ff} .team-dark .mml-card>:not(:first-child):not(:last-child){background:#0f0c12} .mml-card>.mml-number{border-color:#e5e5e6;border-style:solid;border-width:0 1px} .base-dark .mml-card>.mml-number{border-color:#1b2d46} .commerce-light .mml-card>.mml-number{border-color:#eaeaea} .commerce-dark .mml-card>.mml-number{border-color:#004ccc} .livestream-light .mml-card>.mml-number{border-color:#bed5e4} .livestream-dark .mml-card>.mml-number{border-color:#081e58} .messaging-light .mml-card>.mml-number{border-color:#d6d6d6} .messaging-dark .mml-card>.mml-number{border-color:#252628} .team-light .mml-card>.mml-number{border-color:#eaeaea} .team-dark .mml-card>.mml-number{border-color:#4e00cc} .mml-card>.mml-btn{min-width:100%;border:1px solid #e5e5e6} .base-dark .mml-card>.mml-btn{border-color:#1b2d46} .commerce-light .mml-card>.mml-btn{border-color:#eaeaea} .commerce-dark .mml-card>.mml-btn{border-color:#004ccc} .livestream-light .mml-card>.mml-btn{border-color:#bed5e4} .livestream-dark .mml-card>.mml-btn{border-color:#081e58} .messaging-light .mml-card>.mml-btn{border-color:#d6d6d6} .messaging-dark .mml-card>.mml-btn{border-color:#252628} .team-light .mml-card>.mml-btn{border-color:#eaeaea} .team-dark .mml-card>.mml-btn{border-color:#4e00cc} .mml-card>.mml-btn:last-child{padding:10px 16px;border-radius:0} .mml-align-left .mml-card>.mml-btn:last-child{border-bottom-right-radius:16px} .mml-align-right .mml-card>.mml-btn:last-child{border-bottom-left-radius:16px} .mml-card-body{border-color:#e5e5e6;border-style:solid;border-width:0 1px;background:#fff;color:#0e1621;font-size:14px} .base-dark .mml-card-body{border-color:#1b2d46} .commerce-light .mml-card-body{border-color:#eaeaea} .commerce-dark .mml-card-body{border-color:#004ccc} .livestream-light .mml-card-body{border-color:#bed5e4} .livestream-dark .mml-card-body{border-color:#081e58} .messaging-light .mml-card-body{border-color:#d6d6d6} .messaging-dark .mml-card-body{border-color:#252628} .team-light .mml-card-body{border-color:#eaeaea} .team-dark .mml-card-body{border-color:#4e00cc} .base-dark .mml-card-body{background:#0e1723} .commerce-light .mml-card-body{background:#f5f9ff} .commerce-dark .mml-card-body{background:#0c0e12} .livestream-light .mml-card-body{background:#f1faff} .livestream-dark .mml-card-body{background:#00091f} .messaging-light .mml-card-body{background:#f7f7f8} .messaging-dark .mml-card-body{background:#2d2e2f} .team-light .mml-card-body{background:#f9f5ff} .team-dark .mml-card-body{background:#0f0c12} .base-dark .mml-card-body{color:#fff} .commerce-light .mml-card-body{color:#202a3c} .commerce-dark .mml-card-body{color:#e2e5e9} .livestream-light .mml-card-body{color:#2c2c30} .livestream-dark .mml-card-body{color:#fff} .messaging-light .mml-card-body{color:#0e1621} .messaging-dark .mml-card-body{color:#e8e8e9} .team-light .mml-card-body{color:#2e2c30} .team-dark .mml-card-body{color:#e5e2e9} .mml-card-body>.mml-md,.mml-card-body>.mml-text{padding:0 8px 8px} .mml-card-body>.mml-md:first-of-type,.mml-card-body>.mml-text:first-of-type{padding-top:8px} .mml-card-header{display:flex;align-items:center;min-width:100%;padding:15px 0;font-size:13px;background:#f2f2f2;color:#8a898e;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid #e5e5e6} .base-dark .mml-card-header{background:#152438} .commerce-light .mml-card-header{background:#fff} .commerce-dark .mml-card-header{background:#1c1f27} .livestream-light .mml-card-header{background:#fff} .livestream-dark .mml-card-header{background:#010c29} .messaging-light .mml-card-header{background:#fff} .messaging-dark .mml-card-header{background:#3e4042} .team-light .mml-card-header{background:#fff} .team-dark .mml-card-header{background:#201c27} .base-dark .mml-card-header{color:#868b91} .commerce-light .mml-card-header{color:#6c7a93} .commerce-dark .mml-card-header{color:#afc0df} .livestream-light .mml-card-header{color:#7ba0bb} .livestream-dark .mml-card-header{color:#7889b6} .messaging-light .mml-card-header{color:#8c8c8c} .messaging-dark .mml-card-header{color:#898a8b} .team-light .mml-card-header{color:#7c61a8} .team-dark .mml-card-header{color:#c1afdf} .base-dark .mml-card-header{border-color:#1b2d46} .commerce-light .mml-card-header{border-color:#eaeaea} .commerce-dark .mml-card-header{border-color:#004ccc} .livestream-light .mml-card-header{border-color:#bed5e4} .livestream-dark .mml-card-header{border-color:#081e58} .messaging-light .mml-card-header{border-color:#d6d6d6} .messaging-dark .mml-card-header{border-color:#252628} .team-light .mml-card-header{border-color:#eaeaea} .team-dark .mml-card-header{border-color:#4e00cc} .mml-card-header .mml-icon{padding-left:16px;margin-right:-8px} .mml-card-header__text{padding:0 16px;font-weight:700} .mml-datepicker{flex:1;display:flex} .mml-datepicker__select{flex:1} .mml-datepicker__select>div{overflow-y:scroll;scrollbar-width:none;overflow:-moz-scrollbars-none;-ms-overflow-style:none} .mml-datepicker__select>div::-webkit-scrollbar{display:none} .mml-datepicker__item{padding:4px 5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .mml-datepicker__item--selected{color:#006cff;font-weight:700} .base-dark .mml-datepicker__item--selected{color:#006cff} .commerce-light .mml-datepicker__item--selected{color:#005fff} .commerce-dark .mml-datepicker__item--selected{color:#004ccc} .livestream-light .mml-datepicker__item--selected{color:#19a0ff} .livestream-dark .mml-datepicker__item--selected{color:#0d47d9} .messaging-dark .mml-datepicker__item--selected,.messaging-light .mml-datepicker__item--selected{color:#0283ff} .team-light .mml-datepicker__item--selected{color:#4e1d9d} .team-dark .mml-datepicker__item--selected{color:#5d02f0} .mml-datepicker--double .mml-datepicker__date{text-align:right} .mml-datepicker--single .mml-datepicker__select{text-align:center} .mml-scheduler .mml-datepicker{height:217px;background:#fff} .base-dark .mml-scheduler .mml-datepicker{background:#0e1723} .commerce-light .mml-scheduler .mml-datepicker{background:#f5f9ff} .commerce-dark .mml-scheduler .mml-datepicker{background:#0c0e12} .livestream-light .mml-scheduler .mml-datepicker{background:#f1faff} .livestream-dark .mml-scheduler .mml-datepicker{background:#00091f} .messaging-light .mml-scheduler .mml-datepicker{background:#f7f7f8} .messaging-dark .mml-scheduler .mml-datepicker{background:#2d2e2f} .team-light .mml-scheduler .mml-datepicker{background:#f9f5ff} .team-dark .mml-scheduler .mml-datepicker{background:#0f0c12} .mml-scheduler .mml-datepicker__select{position:relative} .mml-scheduler .mml-datepicker__select::after,.mml-scheduler .mml-datepicker__select::before{content:"";z-index:1;position:absolute;left:0;right:0;height:10%;min-height:60px;pointer-events:none} .mml-scheduler .mml-datepicker__select::before{top:0;background-image:linear-gradient(180deg, #fff, hsla(0deg, 0%, 100%, 0))} .base-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0e1723, hsla(0deg, 0%, 100%, 0))} .commerce-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f5f9ff, hsla(0deg, 0%, 100%, 0))} .commerce-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0c0e12, hsla(0deg, 0%, 100%, 0))} .livestream-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f1faff, hsla(0deg, 0%, 100%, 0))} .livestream-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #00091f, hsla(0deg, 0%, 100%, 0))} .messaging-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f7f7f8, hsla(0deg, 0%, 100%, 0))} .messaging-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #2d2e2f, hsla(0deg, 0%, 100%, 0))} .team-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f9f5ff, hsla(0deg, 0%, 100%, 0))} .team-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0f0c12, hsla(0deg, 0%, 100%, 0))} .mml-scheduler .mml-datepicker__select::after{bottom:0;background-image:linear-gradient(0deg, #fff, hsla(0deg, 0%, 100%, 0))} .base-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0e1723, hsla(0deg, 0%, 100%, 0))} .commerce-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f5f9ff, hsla(0deg, 0%, 100%, 0))} .commerce-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0c0e12, hsla(0deg, 0%, 100%, 0))} .livestream-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f1faff, hsla(0deg, 0%, 100%, 0))} .livestream-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #00091f, hsla(0deg, 0%, 100%, 0))} .messaging-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f7f7f8, hsla(0deg, 0%, 100%, 0))} .messaging-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #2d2e2f, hsla(0deg, 0%, 100%, 0))} .team-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f9f5ff, hsla(0deg, 0%, 100%, 0))} .team-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0f0c12, hsla(0deg, 0%, 100%, 0))} .mml-success{display:flex;justify-content:center;padding:8px;font-size:88%} .base-dark .mml-success,.mml-success{color:#006cff} .commerce-light .mml-success{color:#005fff} .commerce-dark .mml-success{color:#004ccc} .livestream-light .mml-success{color:#19a0ff} .livestream-dark .mml-success{color:#0d47d9} .messaging-dark .mml-success,.messaging-light .mml-success{color:#0283ff} .team-light .mml-success{color:#4e1d9d} .team-dark .mml-success{color:#5d02f0} .mml-text{padding:2px 0;color:#0e1621} .base-dark .mml-text{color:#fff} .commerce-light .mml-text{color:#202a3c} .commerce-dark .mml-text{color:#e2e5e9} .livestream-light .mml-text{color:#2c2c30} .livestream-dark .mml-text{color:#fff} .messaging-light .mml-text{color:#0e1621} .messaging-dark .mml-text{color:#e8e8e9} .team-light .mml-text{color:#2e2c30} .team-dark .mml-text{color:#e5e2e9} .mml-text+.mml-md,.mml-text+.mml-text{padding-top:2px} .mml-text+.mml-btnlist,.mml-text+.mml-image{margin-top:4px} [class*=" rfu-"],[class^=rfu-]{font-family:Avenir,Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box} .rfu-file-previewer{border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden;margin:8px 0;position:relative} .rfu-file-previewer ol{position:relative;margin:0;padding:0;list-style:none} .rfu-file-previewer ol li{position:relative;padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.1)} .rfu-file-previewer ol li:last-child{border-color:rgba(0,0,0,0)} .rfu-file-previewer__file{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer} .rfu-file-previewer__file:hover{background:#fafafa} .rfu-file-previewer__file a{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 8px;color:#414d54;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rfu-file-previewer__file svg{min-width:25px} .rfu-file-previewer__file--uploading{opacity:.4} .rfu-file-previewer__file--failed a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8b9297} .rfu-file-previewer__file--failed a::after{text-decoration:none} .rfu-file-previewer__image{min-width:25px;display:-webkit-box;display:-ms-flexbox;display:flex} .rfu-file-previewer__loading-indicator{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000} .rfu-file-previewer__close-button{position:relative;z-index:10000;height:24px;width:24px} .rfu-file-previewer__failed{background:#ff6363} .rfu-file-previewer__failed,.rfu-file-previewer__retry{padding:3px 6px;margin-left:8px;color:#fff;border-radius:4px;font-size:12px} .rfu-file-previewer__retry{text-decoration:none;background:#63e5a4;width:24px;height:24px} .rfu-file-upload-button{cursor:pointer} .rfu-file-upload-button svg{fill:#a0b2b8} .rfu-file-upload-button:hover svg{fill:#88979c} .rfu-file-upload-button label{cursor:pointer} .rfu-file-upload-button .rfu-file-input{width:0;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1} .rfu-icon-button{cursor:pointer;position:relative;padding:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:rgba(0,0,0,0)} .rfu-icon-button svg{position:relative;z-index:50;fill:#a0b2b8} .rfu-icon-button:hover svg{fill:#88979c} .rfu-dropzone .rfu-dropzone__notifier{position:absolute;height:100%;width:100%;padding:30px;z-index:90;display:none;border-radius:4px} .rfu-dropzone--accept .rfu-dropzone__notifier{background:rgba(0,212,106,.83);display:block} .rfu-dropzone--reject .rfu-dropzone__notifier{background:rgba(255,0,0,.83);display:block} .rfu-dropzone__inner{width:100%;height:100%;padding:30px;border:1px dashed #fff;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;font-weight:800;font-size:12px} .rfu-dropzone--reject .rfu-dropzone__inner{display:none} .rfu-image-previewer{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0} .rfu-image-previewer,.rfu-image-previewer__image{display:-webkit-box;display:-ms-flexbox;display:flex} .rfu-image-previewer__image{width:100px;height:100px;position:relative;margin-right:8px;margin-bottom:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .rfu-image-previewer__image--loaded .rfu-thumbnail__overlay{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(transparent));background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, transparent)} .rfu-image-previewer__image .rfu-thumbnail__wrapper{position:absolute} .rfu-image-previewer__image .rfu-loading-indicator{position:absolute;z-index:90} .rfu-image-previewer__retry{z-index:90;width:24px;height:24px} .rfu-image-previewer__retry svg path{fill:#fff} .rfu-image-upload-button{cursor:pointer} .rfu-image-upload-button svg{fill:#a0b2b8} .rfu-image-upload-button:hover svg{fill:#88979c} .rfu-image-upload-button label{cursor:pointer} .rfu-image-upload-button .rfu-image-input{width:0;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1} .rfu-loading-indicator{margin:0 auto;width:70px;text-align:center} .rfu-loading-indicator>div{width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both} .rfu-loading-indicator .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s} .rfu-loading-indicator .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s} @-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} @-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .rfu-loading-indicator__spinner{width:20px;height:20px;border:2px solid #eee;border-top-color:#00d46a;border-radius:50%;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite} .rfu-thumbnail__wrapper{width:100px;height:100px;border-radius:4px;overflow:hidden;position:relative} .rfu-thumbnail__overlay{position:absolute;background-color:rgba(0,0,0,.4);width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:5px} .rfu-thumbnail__image{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover} .rfu-thumbnail-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px;height:100px;border:1px dashed #bfbfbf;border-radius:4px;cursor:pointer} .rfu-thumbnail-placeholder:hover{background:#f2f2f2} .image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:rgba(0,0,0,0);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)} @media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}} .image-gallery-icon:focus{outline:2px solid #337ab7} .image-gallery-using-mouse .image-gallery-icon:focus{outline:none} .image-gallery-fullscreen-button{bottom:0;padding:20px} .image-gallery-fullscreen-button .image-gallery-svg{height:28px;width:28px} @media(max-width: 768px){.image-gallery-fullscreen-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg{height:24px;width:24px}} @media(max-width: 480px){.image-gallery-fullscreen-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg{height:16px;width:16px}} .image-gallery-fullscreen-button{right:0} .image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)} .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px} @media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}} @media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}} .image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none} .image-gallery-left-nav{left:0} .image-gallery-right-nav{right:0} .image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative} .image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5} .image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)} .image-gallery-content{position:relative;line-height:0;top:0} .image-gallery-content.fullscreen{background:#000} .image-gallery-content.fullscreen .image-gallery-slide .image-gallery-image{max-width:100%} .image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px);max-width:unset;object-fit:contain} .image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh} .image-gallery-slide-wrapper{position:relative} .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right,.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)} @media(max-width: 768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right,.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}} .image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl} .image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center} .image-gallery-slide{left:0;position:absolute;top:0;width:100%} .image-gallery-slide.center,.image-gallery-slide.image-gallery-center{position:relative} .image-gallery-slide .image-gallery-image{width:100%;object-fit:contain} .image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4} @media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}} .str-chat__actions-box{background:var(--white);background-image:linear-gradient(-180deg, var(--bg-gradient-start), var(--bg-gradient-end));box-shadow:0 1px 0 0 var(--border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;z-index:1000;position:absolute;min-width:150px} .str-chat__actions-box--right{right:0;top:calc(100% + 2px)} .str-chat__actions-box--left{left:0;top:calc(100% + 2px)} .str-chat__actions-box>button{text-align:left;width:100%;border:none;margin:0;padding:var(--xs-p);font-size:var(--sm-font);background:none;cursor:pointer} .str-chat__actions-box>button:not(:last-of-type){box-shadow:0 1px 0 0 var(--border)} .str-chat__actions-box>button:hover{color:var(--primary-color)} .dark.str-chat .str-chat__message-actions-box{background:var(--dark-grey);background-image:linear-gradient(-180deg, var(--dark-grey), var(--black20));box-shadow:0 0 2px 0 var(--border),0 1px 0 0 var(--border),0 1px 8px 0 var(--border)} .dark.str-chat .str-chat__message-actions-box button{color:var(--white)} .dark.str-chat .str-chat__message-actions-box button:hover{color:var(--primary-color)} .str-chat__message-attachment-actions-form{width:100%;margin:var(--xs-m) 0;padding:0;display:flex} .str-chat__message-attachment-actions-button{flex:1;border:none;background:none;margin:0 var(--xxs-m);padding:var(--xs-p) var(--xs-p);border-radius:var(--border-radius-round);outline:none} .str-chat__message-attachment-actions-button:focus{border:1px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-faded)} .str-chat__message-attachment-actions-button--primary{background-color:var(--primary-color);color:var(--white)} .str-chat__message-attachment-actions-button--default{border:2px solid var(--border)} .dark.str-chat .str-chat__message-attachment-actions-button{color:var(--white)} .dark.str-chat .str-chat__message-attachment-actions-button--default{border-color:var(--grey-whisper)} .str-chat__attachment,.str-chat__message-attachment{--attachment-max-width: 450px;--video-width: 300px;max-width:var(--attachment-max-width)} .str-chat__message-attachment.str-chat__message-attachment--video:not(.str-chat__message-attachment--card){--attachment-max-width: var(--video-width);width:var(--video-width)} .str-chat__player-wrapper{position:relative;padding-top:56.25%;display:flex;flex-direction:column} .str-chat__player-wrapper .react-player,.str-chat__player-wrapper .str-chat__video-angular{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;max-height:100%} .str-chat__message-attachment-dynamic-size{--video-max-height: 300px;max-height:var(--video-max-height)} .str-chat__message-attachment-dynamic-size .str-chat__player-wrapper{height:min(var(--video-max-height),min(var(--attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));padding-top:0;position:static;max-height:var(--video-max-height);max-width:var(--attachment-max-width)} .str-chat__message-attachment-dynamic-size .str-chat__player-wrapper .str-chat__video-angular,.str-chat__message-attachment-dynamic-size .str-chat__player-wrapper .react-player{position:static;max-height:var(--video-max-height);max-width:var(--attachment-max-width)} .str-chat__message .str-chat__player-wrapper .react-player{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;overflow:hidden} .str-chat__message--me .str-chat__player-wrapper .react-player{border-radius:var(--border-radius) var(--border-radius) 0 var(--border-radius);overflow:hidden} .str-chat__message-attachment{--attachment-max-width: 375px;width:100%;border-radius:var(--border-radius);padding:var(--xs-m) auto var(--xs-m) 0} .str-chat__message-attachment--giphy{max-width:unset} .str-chat__message .str-chat__message-attachment{margin:var(--xs-m) 0 var(--xs-m) auto} .str-chat__message--me .str-chat__message-attachment{padding-left:0} .str-chat__message-team.thread-list .str-chat__message-attachment{--attachment-max-width: 200px} .str-chat__message-attachment{overflow:hidden} .str-chat__message-attachment:hover{background:rgba(0,0,0,0)} .str-chat__message-attachment--card--no-image{height:60px} .str-chat__message-attachment--card--actions{height:auto} .str-chat__message-attachment-file{width:100%} .str-chat__message-attachment-file--item{position:relative;height:50px;display:flex;align-items:center;font-size:var(--md-font);line-height:22px;border-left:1px solid var(--border);width:auto;padding-left:var(--xxs-p)} .str-chat__message-attachment-file--item:hover{background:var(--white)} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:2px;width:100%;min-width:0} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row{display:flex;align-items:center;justify-content:space-between;column-gap:8px;width:100%} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-name{font-weight:var(--font-weight-bold);color:var(--black);white-space:nowrap;overflow-y:visible;overflow-x:hidden;overflow-x:clip;text-overflow:ellipsis;min-width:0} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-download{display:flex} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-download svg{width:24px;height:16px} .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row .str-chat__message-attachment-file--item-download svg path{fill:var(--black)} .str-chat__message-attachment-file--item img,.str-chat__message-attachment-file--item svg{margin-right:var(--xs-m)} .str-chat__message-attachment-file--item-text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .str-chat__message-attachment-file--item span{line-height:14px;font-size:var(--sm-font);font-weight:var(--font-weight-bold);text-transform:uppercase;display:block;color:var(--black);opacity:.5} .str-chat__message-attachment--image{--image-max-height: 300px;max-height:var(--image-max-height);max-width:var(--attachment-max-width);border-radius:0} .str-chat__message-attachment--image:hover{background:rgba(0,0,0,0)} .str-chat__message-attachment--image img{height:min(var(--image-max-height),min(var(--attachment-max-width, 1000000)/var(--original-width, 1000000),1px)*var(--original-height, 1000000));width:auto;max-height:inherit;display:block;object-fit:cover;overflow:hidden} .str-chat__message-attachment--image img:hover{background:rgba(0,0,0,0)} .str-chat__message-attachment--image--actions{height:320px} .str-chat__message-attachment--image--actions img{height:280px} .str-chat__message-attachment--media{width:300px} .str-chat__message-attachment-card{min-height:60px} .str-chat__message-attachment:not(.str-chat__message-attachment-dynamic-size) .str-chat__message-attachment--image img{max-width:100%} .str-chat__message-attachment-dynamic-size.str-chat__message-attachment--svg-image img{object-fit:contain} .str-chat__message-attachment-dynamic-size.str-chat__message-attachment--image{width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden} .str-chat__message-attachment-card__giphy-logo{height:20px;width:auto} .messaging.str-chat .str-chat__message-attachment.str-chat__message-attachment--image--actions .str-chat__message-attachment--img{max-height:254px} .livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file{max-width:100%} .livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file .str-chat__message-attachment-file--item{border-left:none} .livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file .str-chat__message-attachment-file--item:hover{background:var(--grey-whisper)} .livestream.str-chat.dark .str-chat__message-attachment-file--item a,.livestream.str-chat.dark .str-chat__message-attachment-file--item span{color:var(--white)} .livestream.str-chat.dark .str-chat__message-attachment-file--item:hover{background:rgba(0,0,0,0)} .str-chat__avatar{width:32px;height:32px;flex:0 0 32px;margin-right:var(--xs-m);display:flex;align-items:center;justify-content:center;color:var(--white);text-transform:uppercase;overflow:hidden} .str-chat__avatar--circle{border-radius:var(--border-radius-round)} .str-chat__avatar--rounded{border-radius:var(--border-radius-sm)} .str-chat__avatar--square{border-radius:0} .str-chat__avatar-image,.str-chat__avatar-fallback{display:block;width:inherit;height:inherit;object-fit:cover;text-align:center} .str-chat__avatar-image--loaded{background-color:rgba(0,0,0,0)} .str-chat__avatar-fallback{background-color:var(--primary-color)} .str-chat__message--me>.str-chat-angular__avatar-host,.str-chat__message--me>.str-chat__avatar{order:1} .str-chat__message--me>.str-chat-angular__avatar-host .str-chat__avatar,.str-chat__message--me>.str-chat__avatar{margin:0;margin-left:var(--xs-m)} .str-chat__li--top .str-chat__message>.str-chat__avatar,.str-chat__li--top .str-chat__message>.str-chat-angular__avatar-host,.str-chat__li--middle .str-chat__message>.str-chat__avatar,.str-chat__li--middle .str-chat__message>.str-chat-angular__avatar-host{visibility:hidden} .str-chat__audio__wrapper{height:80px;overflow:hidden;position:relative;border-radius:var(--border-radius-sm);margin:0;display:flex;background:var(--grey-whisper)} .str-chat__audio__image{height:80px;width:80px;position:relative;z-index:20} .str-chat__audio__image--overlay{width:inherit;height:inherit;position:absolute;top:0;left:0;background:var(--overlay-dark);z-index:30;font-size:3em;color:var(--white-smoke);display:flex;align-items:center;justify-content:center;user-select:none} .str-chat__audio__image--button{margin:0;padding:0;display:flex;align-items:center;width:40px;height:40px} .str-chat__audio__image--button svg{fill:var(--white-smoke)} .str-chat__audio__image img{z-index:20;position:absolute;top:0;left:0;width:inherit;height:inherit;object-fit:cover} .str-chat__audio__content{display:flex;flex-direction:column;justify-content:space-around;padding:var(--xs-p) var(--sm-p);margin-left:var(--sm-m);width:100%} .str-chat__audio__content--title{margin:0;padding:0;line-height:1;font-size:var(--md-font)} .str-chat__audio__content--subtitle{margin:0;padding:0;line-height:1;font-size:var(--sm-font);opacity:.49} .str-chat__audio__content--progress{height:6px;width:100%;border-radius:var(--border-radius-sm);background:var(--overlay);padding:1px;margin:calc(var(--xxs-m)/2) 0} .str-chat__audio__content--progress>div{height:4px;border-radius:var(--border-radius-sm);width:0;background:var(--primary-color);transition:width .5s linear} .str-chat.dark .str-chat__audio__wrapper{background:var(--black);color:var(--white)} .str-chat.dark .str-chat__audio__content--progress{background:var(--grey)} .str-chat__message-attachment-card:not(.str-chat__message-attachment-card--giphy) .str-chat__message-attachment-card--header img{width:inherit;height:inherit} .str-chat__message-attachment-card{position:relative;background:var(--white);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;overflow:hidden;font-size:var(--sm-font);border:10px solid var(--border);margin:var(--lg-m) 0 0 0} .str-chat__message-attachment-card--header{width:100%;height:175px} .str-chat__message-attachment-card--header img{object-fit:cover} .str-chat__message-attachment-card--title{font-weight:var(--font-weight-bold);flex:1} .str-chat__message-attachment-card--flex{min-width:0} .str-chat__message-attachment-card--flex,.str-chat__message-attachment-card--flex>*{overflow:hidden;text-overflow:ellipsis} .str-chat__message-attachment-card--content{padding:var(--xs-p) var(--sm-p);margin:calc(-1*var(--xs-m));display:flex;flex-direction:row;align-items:center;justify-content:space-between} .str-chat__message-attachment-card--content>*{margin:var(--xs-m) 0} .str-chat__message-attachment-card--url{text-decoration:none;display:block;color:var(--black);text-transform:uppercase;opacity:.5} .str-chat__message-attachment-card--url::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0} .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:unset} .giphy-preview-message .str-chat__message-attachment-card--giphy{display:flex;flex-direction:column} .giphy-preview-message .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{display:flex;justify-content:center;background-color:#fff} .giphy-preview-message .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header .str-chat__message-attachment--img{width:unset} .str-chat.commerce .str-chat__message-attachment-card{max-width:375px;width:100%} .str-chat__message--me .str-chat__message-attachment-card{background:var(--overlay);border:1px solid rgba(0,0,0,0);border-radius:var(--border-radius) var(--border-radius) 0 var(--border-radius)} .dark.str-chat .str-chat__message-attachment-card__giphy-logo{filter:invert(100%)} .str-chat__message-attachment-card.str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--content{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAkCAYAAAB/up84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABVhJREFUeNrsW6GS20AMdToGBgEGAQYBBgEBBQYFgQcP5hMO9jP6CYWFBwsPBgYUGBQEFAQUGAQYBBgYGHjmutt5O6NupbXXcZJrx5rJXGyv11o96Ukr52avr6/BJG9HZmMBMpvNYnxt1JzNZNoRAYFxM2Z8rT6FuueMcaH6s1KfhBn3U42r1Jg1rrfq+Bt5xgf1Z64+uQFQndNzLc1Ydfwg6F2p6wd1PVXfU+b6Gc9vHGuh8+jrsXVN61Sq64XggNw95tlH9XmP6y3W2OI+qvN3db6mN7/zBFAb8L2aNMJxRsDQC6jIuEyN039LnAvV8QJKRRijZUHmT8iiLpEFDHKJaB1TGN732WuAokEIDQCwhwGjsMEIMNgp6qY9JlsTgyXquCFG1d54IsbOsKAVPLDBcQJjUxB0RJwAltGntNQ46GhzqPnb0y0954RG/1iLQ7SRCkR+guiPtW6GFRg5gAlCrFvbJEZ0ngDAUn0/Y77fDCJFXuiB/AmGDC3PLg0YWLRW5CcJWWPglNxDKS6C59AcZBs/sYxbOQBqHHkuZYCsGCds4SQJDDx3RK3RjUb9EfMUcLQ57BHS64MAIYtYkvEt+d4wCzqr++ipkoTtkihOI2chREfA5KiC0GOAaMig05zoWJPjgMk39jxcPphDR0mSDrtq438g51iq8omQlEnYJfHoiAFxYQGko6bCPSmZ5wS+TRx0Zc5R4CtmHbEVJT+0p1uOYdNE1SMfOKNO0zXWEmItptApsfYa1LV0UZUPIHSCmlRYJhfokNWhX5IcsmIWbEAMCQWerWirhZK57MghNQyzgke3QuQWPUv4EAac9wCuJjmkNmvUNEwiobX+DgdEWoQGgNDPGtTWWhRRWONX5JlnePCZhP1JUCOzPN1O0C2MohP7xuiko8Qy9INUDBg2YPJMlzP8pRv0qYeUdu+Cy+RAKIYmtVqojM5kkS0DwkXlLuY0ICzgAEOlAd8fPe+rYJdppz61TiZ5G4AgcScWz05RcUtAkOwyJMtI4FzNt3suCWKfwLUhdqRC0yA/enB1CZ4vBZ2fhIptJ4x/5PYVavyzQ39N0V8ddnsQ+m3sfX02hjo3bIVJ7d5PhqojZxYdC3NEdv9oQMQWFFjHHqpLEsc9BZyF23c9cG0ZOJjUIN15V1mY8OOAhW0E77yWaP2eoO9VBFG/d6yX6/xuHT2z3AsQ5ImnjrZBF6XcUiKAEl0RlJzZ7ZtnbxmqSgRqfxmyD9k6wNDGzuExecB3Z1/ukBOjQH73MZbspChFp9nQ/EYY9+LaaIYOqlo7JjwISX+LcBwbjAOz2ZKS7BpOcq0o0R2HvZAbHpHPJGc+dm00paQuedmOA4O0WD5fyQ4V08Ip4ATxhYl8CCh76/0QLVyehlBVFyCpYJTcKmPjHoY8XNE2VQ8dbIkdr4Z95npBwcNVahKzNEMBSYSyz46iLm8sLunreG5O+xYTsaMUHYu6bMn79sRCT2+8l6SMV2cCT5e3UspBXbbd9n3nDIN/Q1KP3JDfWLcd8kZwCVX12hjeOlmOIMe+L6FGjJLC4QS5rz6hg/tThjZiU0Pr/g7D65/uCUafKgaUJu0lHjvox/XsjXA+GAOQUogIXV8/v7GoKOGJfYuHxvHjt7t3rEMHD2+E5PoR+5GCLCS+8g6Z2xgGt6anuwGC99MSKAl6RrfUs/ofje+b1PcjlJBlMMk4gKBUe77AqKVP/T1Jj30IQPmCTdkm6NeKb5BkJzCGdCA8XuFGZIOWCBEh/mwGiZ/rFZXk3xHEdkjHb6MknVOhypJe+Sac03XlL4fe3r81mH518q9GyCS3kV8CDADlsrVaJhTLAgAAAABJRU5ErkJggg==");background-position:right var(--border-radius) bottom var(--border-radius);background-repeat:no-repeat;background-size:56px} .str-chat__header{display:flex;padding:var(--xs-p);border-bottom:1px solid var(--border)} .str-chat__header-livestream{padding:var(--xs-p) var(--xl-p);min-height:70px;display:flex;align-items:center;font-family:var(--second-font);background:var(--white);box-shadow:0 1px 1px 0 var(--border)} .str-chat__header-livestream-left{flex:1;font-size:var(--md-font)} .str-chat__header-livestream-left--title{font-weight:var(--font-weight-bold);margin:0} .str-chat__header-livestream-left--members{font-weight:var(--font-weight-regular);margin:0} .str-chat__header-livestream-left--livelabel{position:relative;left:5px;font-size:var(--sm-font);text-transform:uppercase;color:var(--red);display:inline-block;animation:pulse 2s infinite} .str-chat__header-livestream-left--livelabel::before{content:"";position:relative;top:-2px;left:-4px;display:inline-block;width:5px;height:5px;border-radius:var(--border-radius-round);background-color:var(--accent_red)} @keyframes pulse{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}} .str-chat__header-livestream-right{display:flex;margin:0 calc(-1*var(--xxs-m))} .str-chat__header-livestream-right-button-wrapper{position:relative} .str-chat__header .str-chat__avatar{margin:0 var(--sm-m) 0 0} .str-chat__title{font-weight:var(--font-weight-semi-bold)} .str-chat__meta{width:100%;display:flex;flex-direction:column;justify-content:space-between} .str-chat__info{width:100%;display:flex;justify-content:space-between;font-size:var(--md-font);color:var(--grey)} .str-chat__square-button{background:var(--grey-whisper);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--xs-p);margin:0 var(--xxs-m);display:flex;align-items:center;justify-content:center} .str-chat__square-button svg{fill:var(--black)} .str-chat__square-button:active{background-color:var(--grey-whisper)} .dark.str-chat .str-chat__square-button{background:var(--white5);box-shadow:0 1px 0 0 var(--black70);border-radius:var(--border-radius-sm)} .dark.str-chat .str-chat__square-button svg{fill:var(--white70)} .messaging.str-chat .str-chat__header-livestream{position:relative;z-index:2;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;background:var(--white-snow);box-shadow:0 7px 9px 0 var(--border),0 1px 0 0 var(--border)} @media screen and (max-width: 960px){.messaging.str-chat .str-chat__header-livestream{padding-left:var(--sm-p);padding-right:var(--sm-p)}} .messaging.str-chat.dark .str-chat__header-livestream{background:var(--dark-grey);box-shadow:0 7px 9px 0 var(--border),0 1px 0 0 var(--border);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:var(--white)} .livestream.str-chat .str-chat__header-livestream{position:relative;z-index:1;background:var(--grey-whisper);box-shadow:0 1px 1px 0 var(--border)} .livestream.str-chat.dark .str-chat__header-livestream{background:var(--white5);box-shadow:0 1px 1px 0 var(--border)} .livestream.str-chat.dark .str-chat__header-livestream-left--title,.livestream.str-chat.dark .str-chat__header-livestream-left--members{color:var(--white)} .livestream.str-chat.dark .str-chat__header-livestream-left--title{font-size:var(--lg-font)} .commerce.str-chat .str-chat__header-livestream{background:var(--white80);box-shadow:0 7px 9px 0 var(--black5),0 1px 0 0 var(--black5);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:var(--md-p)} .commerce.str-chat .str-chat__header-livestream-left--title{font-size:var(--xxl-font);margin:0;line-height:1;font-weight:var(--font-weight-regular)} .commerce.str-chat .str-chat__header-livestream-left--subtitle{margin:var(--xs-m) 0;font-size:var(--lg-font)} .commerce.str-chat .str-chat__header-livestream-left--members{display:none} .commerce.str-chat .str-chat__header-livestream-right-button--info{display:none} .commerce.str-chat.dark .str-chat__header-livestream{background:var(--grey);box-shadow:0 7px 9px 0 var(--black5),0 1px 0 0 var(--black5);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:var(--white)} .team.str-chat.dark .str-chat__header-livestream{background:var(--dark-grey);box-shadow:0 1px 1px 0 var(--black30)} .team.str-chat.dark .str-chat__header-livestream-left{color:var(--white)} .team.str-chat.dark .str-chat__header-livestream-left--title{font-size:var(--lg-font)} .team.str-chat.dark .str-chat__header-livestream-left--members{font-size:var(--sm-font)} .str-chat__header-hamburger{width:30px;height:38px;padding:var(--xxs-p);margin-right:var(--xs-m);display:none;align-items:center;justify-content:center;cursor:pointer;border:none;background:rgba(0,0,0,0)} .str-chat__header-hamburger:hover svg path{fill:var(--primary-color)} @media screen and (max-width: 960px){.str-chat__header-hamburger{display:flex}} .str-chat__channel-list{flex:1;overflow-y:auto;background:var(--blue-alice);box-shadow:1px 0 0 0 var(--black5);display:flex;flex-direction:column} .str-chat__channel-list--channels{flex:1} .str-chat__channel-list .channel_preview{padding:var(--xs-p) var(--sm-p);border-bottom:1px solid var(--black10)} .str-chat__channel-list .str-chat__channel-list-empty{display:none} .dark.str-chat .str-chat__channel-list-messenger{background:var(--dark-grey)} .str-chat__button{background:var(--white);box-shadow:0 1px 1px 0 var(--black10),0 1px 4px 0 var(--black10);font-size:var(--md-font);padding:var(--sm-p) var(--xxl-p);color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:calc(100% - 10px);margin:var(--xxs-m);border:1px solid rgba(0,0,0,0)} .str-chat__button:active,.str-chat__button:focus{outline:none;box-shadow:0 0 1px 0 var(--border),0 1px 4px 0 var(--border),0 0 0 2px var(--primary-color-faded);border:1px solid var(--primary-color)} .str-chat__button>*{margin:0 var(--xxs-m)} .str-chat__button--round{border-radius:var(--border-radius-round)} .str-chat-channel-checkbox{position:absolute;top:0;right:0;z-index:100001} .str-chat-channel-list-burger{width:10px;height:50px;background:var(--white);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:var(--xxs-p);box-shadow:0 4px 6px var(--border);position:fixed;top:10px;left:0;z-index:10000;justify-content:center;cursor:pointer} .str-chat-channel-list-burger div{width:4px;height:100%;border-radius:var(--border-radius-sm);background:var(--border)} @media screen and (max-width: 960px){.str-chat-channel-list-burger{display:flex}.str-chat-channel-list.messaging,.str-chat-channel-list.team,.str-chat-channel-list.commerce{position:fixed;left:-380px;top:0;z-index:1001;min-height:100vh;overflow-y:auto;box-shadow:7px 0 9px 0 var(--black5),1px 0 0 0 var(--black5);transition:left 200ms ease-in-out}.str-chat-channel-list--open.messaging,.str-chat-channel-list--open.team,.str-chat-channel-list--open.commerce{left:0}} .str-chat-channel-list .str-chat__channel-list-messenger{padding:0} .str-chat-channel-list .str-chat__channel-list-messenger__main{padding:var(--sm-p) var(--sm-p) 0 var(--sm-p);overflow-y:auto} .str-chat__channel-list.str-chat__channel-list-react{overflow:hidden} .str-chat__channel-list.str-chat__channel-list-react .str-chat__channel-list-messenger-react{overflow:hidden;padding-bottom:var(--sm-p)} .str-chat__channel-list.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{overflow-y:auto;height:100%} .str-chat__channel-list-messenger{padding:var(--sm-p) var(--sm-p) 0 var(--sm-p);min-width:300px;background:var(--grey-gainsboro)} .str-chat-channel-list .str-chat__channel-list-messenger__main{padding-bottom:4px} .str-chat__channel-preview-messenger{display:flex;width:100%;border:none;padding:var(--xs-p);align-items:center;background:rgba(0,0,0,0);box-shadow:0 1px 0 0 var(--border);text-align:left;margin:var(--xs-m) 0;color:var(--black)} .str-chat__channel-preview-messenger:hover{cursor:pointer} .str-chat__channel-preview-messenger--active{border:none;border-radius:var(--border-radius-md);background:var(--white-snow);box-shadow:0 1px 5px 0 var(--border)} .str-chat__channel-preview-messenger .str-chat__channel-preview-messenger--right{width:100%;overflow:hidden} .str-chat__channel-preview-messenger .str-chat__channel-preview-messenger--right .str-chat__channel-preview-end-first-row{display:flex;align-items:center;width:100%} .str-chat__channel-preview-messenger .str-chat__channel-preview-messenger--right .str-chat__channel-preview-end-first-row .str-chat__channel-preview-messenger--name{width:100%} .str-chat__channel-preview-messenger .str-chat__channel-preview-messenger--right .str-chat__channel-preview-end-first-row .str-chat__channel-preview-unread-badge{padding:8px;font-size:.75rem;line-height:.44rem;border-radius:var(--border-radius-round);color:var(--unread-badge-color);background-color:var(--accent_red);font-weight:700} .str-chat__channel-preview-messenger--last-message p{font-size:var(--sm-font);margin:0;line-height:14px;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .str-chat__channel-preview-messenger--last-message{font-size:var(--sm-font);line-height:14px;opacity:.5;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .str-chat__channel-preview-messenger--name{font-size:var(--md-font);line-height:17px;font-weight:var(--font-weight-semi-bold);margin-bottom:calc(var(--xxs-m)/2);max-width:250px} .str-chat__channel-preview-messenger--name span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .str-chat__channel-preview-messenger--unread .str-chat__channel-preview-messenger--last-message p{opacity:1;font-weight:var(--font-weight-semi-bold);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .str-chat__channel-preview-messenger--unread .str-chat__channel-preview-messenger--last-message{opacity:1;font-weight:var(--font-weight-semi-bold);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dark.str-chat .str-chat__channel-preview-messenger--active{background:var(--white5);box-shadow:0 1px 5px 0 var(--black10)} .dark.str-chat .str-chat__channel-preview-messenger--last-message p{color:var(--white);margin:0;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .dark.str-chat .str-chat__channel-preview-messenger--last-message{color:var(--white);max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .dark.str-chat .str-chat__channel-preview-messenger--name{color:var(--white)} .str-chat__channel-search{--channel-search-input-height: 30px;padding:var(--md-p);display:flex;flex-direction:column;align-items:center;position:relative;background:var(--grey-gainsboro)} .str-chat__channel-search input{width:100%;background:var(--grey-whisper);border:1px solid rgba(0,0,0,0);outline:none;height:var(--channel-search-input-height);border-radius:var(--border-radius);color:var(--black);font-size:var(--md-font);padding:var(--sm-p)} .str-chat__channel-search input::placeholder{color:var(--grey)} .str-chat__channel-search input:focus{background:var(--white);border:1px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-faded);transition:all .2s ease-in-out} .str-chat__channel-search-container{padding:8px} .str-chat__channel-search-container-searching{padding-left:8px} .str-chat__channel-search-container-empty{padding-left:8px} .str-chat__channel-search-container .str-chat__channel-search-result{display:flex;align-items:center;border-radius:var(--border-radius-md);height:40px;cursor:pointer;padding-left:8px;width:100%;border:none;background:rgba(0,0,0,0)} .str-chat__channel-search-container .str-chat__channel-search-result:hover{font-weight:var(--font-weight-bold);transition:all .2s ease-in-out} .str-chat__channel-search-result.focused{font-weight:var(--font-weight-bold)} .str-chat__channel-search-container.popup{border-radius:var(--border-radius-md);background:var(--white-smoke);position:absolute;z-index:2;left:0;right:0;top:calc(var(--channel-search-input-height) + 40px);box-shadow:0 7px 9px 0 var(--border),0 1px 0 0 var(--border);border:1px solid var(--border)} .str-chat__channel-search-container.popup .str-chat__channel-search-result:hover{background:var(--light-grey)} .str-chat__channel-search-container.popup .str-chat__channel-search-result.focused{background:var(--light-grey)} .str-chat__channel-search-container.inline{width:100%;background:var(--grey-gainsboro)} .str-chat__channel-search-container.inline .str-chat__channel-search-result:hover{background:var(--white)} .str-chat__channel-search-container.inline .str-chat__channel-search-result.focused{background:var(--white)} .dark.str-chat .str-chat__channel-search,.dark.str-chat .str-chat__channel-search-container.inline{background:var(--dark-grey);color:var(--white)} .dark.str-chat .str-chat__channel-search input,.dark.str-chat .str-chat__channel-search-container.inline input{background:var(--grey-gainsboro)} .dark.str-chat .str-chat__channel-search .str-chat__channel-search-result,.dark.str-chat .str-chat__channel-search-container.inline .str-chat__channel-search-result{color:var(--white)} .dark.str-chat .str-chat__channel-search .str-chat__channel-search-result:hover,.dark.str-chat .str-chat__channel-search-container.inline .str-chat__channel-search-result:hover{background:var(--white5)} .str-chat__down{display:flex;height:100%} .str-chat__down-main{flex:1;padding:var(--lg-p)} .dark.str-chat .str-chat__down{color:var(--white)} .str-chat.messaging .str-chat__event-component__channel-event{display:flex;margin-top:var(--md-m)} .str-chat.messaging .str-chat__event-component__channel-event__content{margin-right:var(--xs-m);color:var(--overlay-dark);font-size:var(--lg-font)} .str-chat.messaging .str-chat__event-component__channel-event__date{font-size:var(--xs-font);margin-top:var(--xxs-m)} .str-chat.team .str-chat__event-component__channel-event{display:flex;margin:var(--md-m) var(--xl-m)} .str-chat.team .str-chat__event-component__channel-event__content{margin-right:var(--xs-m);color:var(--overlay-dark);font-size:var(--lg-font)} .str-chat.team .str-chat__event-component__channel-event__sentence{margin-right:var(--xs-m);color:var(--overlay-dark);font-size:var(--lg-font)} .str-chat.team .str-chat__event-component__channel-event__date{font-size:var(--xs-font);margin-top:var(--xxs-m)} .str-chat.commerce .str-chat__event-component__channel-event,.str-chat.livestream .str-chat__event-component__channel-event{display:none} .str-chat__date-separator{display:flex;padding:var(--xl-p);align-items:center} .str-chat__date-separator-date{font-size:var(--md-font);font-weight:var(--font-weight-bold);color:var(--overlay-dark);font-family:var(--second-font)} .str-chat__date-separator-line{flex:1;background-color:var(--overlay);height:1px;border:none} .str-chat__date-separator>*:not(:last-child){margin-right:var(--sm-m)} .commerce.str-chat .str-chat__date-separator{padding:var(--xl-p) 0} .dark.str-chat .str-chat__date-separator-line{background-color:var(--grey-gainsboro)} .dark.str-chat .str-chat__date-separator-date{color:var(--grey-whisper)} .dark.str-chat.team .str-chat__date-separator-line{background-color:var(--overlay)} .str-chat__edit-message-form{width:100%} .str-chat__edit-message-form form{position:relative;width:100%} .str-chat__edit-message-form textarea{padding:8px;background:var(--white);box-shadow:inset 0 0 0 1px var(--primary-color);border:1px solid rgba(0,0,0,0);resize:none;border-radius:var(--border-radius-sm);width:100%;font-size:var(--lg-font);line-height:22px;color:var(--black)} .str-chat__edit-message-form textarea:focus{box-shadow:inset 0 0 0 1px var(--primary-color),0 0 0 2px var(--primary-color-faded);outline:0} .str-chat__edit-message-form .str-chat__message-team-form-footer button{background:none;border:none;font-weight:var(--font-weight-bold);color:var(--grey)} .str-chat__edit-message-form .str-chat__message-team-form-footer button[type=submit]{color:var(--primary-color)} .str-chat__edit-message-form .rfu-dropzone{width:100%} .str-chat__edit-message-form .rfu-file-upload-button,.str-chat__edit-message-form .str-chat__input-emojiselect,.str-chat__edit-message-form .str-chat__input-fileupload{display:flex;position:unset;top:unset;right:unset;left:unset} .str-chat__edit-message-form .rfu-file-upload-button svg,.str-chat__edit-message-form .str-chat__input-emojiselect svg,.str-chat__edit-message-form .str-chat__input-fileupload svg{fill:var(--black);opacity:.5} .str-chat__edit-message-form .rfu-file-upload-button:hover svg,.str-chat__edit-message-form .str-chat__input-emojiselect:hover svg,.str-chat__edit-message-form .str-chat__input-fileupload:hover svg{opacity:1} .str-chat__edit-message-form-options{display:flex;align-items:baseline} .str-chat__edit-message-form-options .str-chat__fileupload-wrapper:hover .str-chat__tooltip{display:none} .str-chat.dark .str-chat__edit-message-form .rfu-file-upload-button svg,.str-chat.dark .str-chat__edit-message-form .str-chat__input-emojiselect svg{fill:var(--grey-gainsboro)} .str-chat.dark .str-chat__edit-message-form .str-chat__message-team-form-footer button{color:var(--grey-gainsboro)} .str-chat.dark .str-chat__edit-message-form .str-chat__message-team-form-footer button[type=submit]{color:var(--primary-color)} .str-chat.dark .str-chat__edit-message-form textarea{background:var(--white5);box-shadow:0 0 0 1px var(--black20);border:2px solid rgba(0,0,0,0);border-radius:var(--border-radius-sm);color:var(--white)} .str-chat.dark .str-chat__edit-message-form textarea:focus{box-shadow:inset 0 0 0 1px var(--primary-color);border:2px solid var(--primary-color-faded);border-radius:var(--border-radius-sm)} .str-chat__edit-message-form{position:relative} .str-chat__gallery{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;overflow:hidden} .str-chat__gallery-image{width:150px;height:150px;background:var(--white);margin-bottom:1px;margin-right:1px;border:none;padding:0;display:flex} .str-chat__gallery-image:hover{cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:zoom-in} .str-chat__gallery-image img{width:inherit;height:inherit;max-width:150px;object-fit:cover} .str-chat__gallery--square{max-width:301px} .str-chat__gallery--square .str-chat__gallery-image:nth-child(even){margin-right:0} .livestream.str-chat .str-chat__gallery,.messaging.str-chat .str-chat__gallery,.commerce.str-chat .str-chat__gallery,.team.str-chat .str-chat__gallery{margin:4px 0} .livestream.str-chat .str-chat__gallery-image,.messaging.str-chat .str-chat__gallery-image,.commerce.str-chat .str-chat__gallery-image,.team.str-chat .str-chat__gallery-image{width:150px;height:150px} .livestream.str-chat .str-chat__gallery-placeholder,.messaging.str-chat .str-chat__gallery-placeholder,.commerce.str-chat .str-chat__gallery-placeholder,.team.str-chat .str-chat__gallery-placeholder{position:relative;width:150px;max-width:150px;height:150px;color:var(--white);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:top left;background-repeat:no-repeat;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:pointer;border:none} .livestream.str-chat .str-chat__gallery-placeholder p,.messaging.str-chat .str-chat__gallery-placeholder p,.commerce.str-chat .str-chat__gallery-placeholder p,.team.str-chat .str-chat__gallery-placeholder p{position:relative;z-index:1;font-size:16px} .livestream.str-chat .str-chat__gallery-placeholder::after,.messaging.str-chat .str-chat__gallery-placeholder::after,.commerce.str-chat .str-chat__gallery-placeholder::after,.team.str-chat .str-chat__gallery-placeholder::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);z-index:0} .commerce.str-chat .str-chat__gallery{width:calc(100% - 30px);display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:100px} .commerce.str-chat .str-chat__gallery-image,.commerce.str-chat .str-chat__gallery-placeholder{width:100%;height:100%} .commerce.str-chat .str-chat__message-commerce .str-chat__gallery{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 2px} .commerce.str-chat .str-chat__message-commerce--right .str-chat__gallery{border-radius:var(--border-radius) var(--border-radius) 2px var(--border-radius)} .str-chat__message .str-chat__attachment-list-angular-host .str-chat__modal--open .str-chat__modal__inner{height:80%;width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column} .stream-chat-angular__image-modal-host .str-chat__modal__inner{max-width:80%} .str-chat__image-carousel{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;max-width:100%;max-height:100%} .str-chat__image-carousel .str-chat__image-carousel-stepper{padding:8px;border:none;cursor:pointer;background:rgba(0,0,0,0)} .str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-height:0;max-height:100%;min-width:0;max-width:100%} .str-chat__loading-channels{width:300px;height:100%;padding:var(--md-p);background:var(--grey-gainsboro)} .str-chat__loading-channels-meta{flex:1} .str-chat__loading-channels-avatar,.str-chat__loading-channels-username,.str-chat__loading-channels-status{background-image:linear-gradient(-90deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%)} .str-chat__loading-channels-username,.str-chat__loading-channels-status{border-radius:var(--border-radius);height:14px} .str-chat__loading-channels-avatar{width:40px;height:40px;border-radius:var(--border-radius-round);margin-right:var(--xs-m)} .str-chat__loading-channels-username{width:40%;margin-bottom:var(--xs-m)} .str-chat__loading-channels-status{width:80%} .str-chat__loading-channels-item{display:flex;align-items:center;width:100%;height:40px;border-radius:var(--border-radius-sm);margin-bottom:var(--sm-m);animation:pulsate 1s linear 0s infinite alternate} .str-chat__loading-channels-item:nth-of-type(2){animation:pulsate 1s linear .3334s infinite alternate} .str-chat__loading-channels-item:last-of-type{animation:pulsate 1s linear .6667s infinite alternate} @keyframes pulsate{from{opacity:.5}to{opacity:1}} .str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;animation:rotate 1s linear infinite} @-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotate{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} .str-chat.messaging .str-chat__load-more-button__button{border:0;width:100%;height:40px;border-radius:var(--border-radius-md);background:var(--grey-whisper);box-shadow:0 1px 5px 0 var(--border);color:var(--grey);padding:var(--xs-p);font-size:var(--md-font)} .str-chat.messaging .str-chat__load-more-button__button:hover{cursor:pointer} .str-chat.team .str-chat__load-more-button__button{border:0;background:rgba(0,0,0,0);width:100%;height:40px;padding:var(--xs-p);font-size:var(--md-font)} .str-chat.team .str-chat__load-more-button__button:hover{cursor:pointer} .str-chat__load-more-button__button{display:flex;align-items:center;justify-content:center} .str-chat__li{display:block;position:relative} .str-chat__li .str-chat__message-inner{min-width:0} .str-chat__li .str-chat__message-inner .str-chat__translation-notice button{cursor:pointer;padding:.25rem 0;margin:0;font-size:14px;line-height:16px;color:var(--lighten-grey);border:none;background:none} .str-chat__li .str-chat__message-inner .str-chat__translation-notice button:active,.str-chat__li .str-chat__message-inner .str-chat__translation-notice button:hover{background:var(--grey-whisper)} .str-chat__li .quoted-message{display:flex;align-items:flex-end;margin-bottom:var(--xxs-m);cursor:pointer} .str-chat__li .quoted-message-inner{display:flex;text-align:start;align-items:flex-end;background:var(--grey-whisper);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) 0;max-width:408px;padding:var(--xxs-p) var(--xs-p)} .str-chat__li .quoted-message-inner .str-chat__message-attachment-card.str-chat__message-attachment-card--image{border:none;border-radius:var(--border-radius-md)} .str-chat__li .quoted-message-inner .str-chat__message-attachment--image:first-of-type{max-height:48px;max-width:48px;border-radius:var(--border-radius-md)} .str-chat__li .quoted-message-inner .str-chat__message-attachment img{border-radius:var(--border-radius-md)} .str-chat__li .quoted-message-inner .str-chat__message-attachment--file:first-of-type{background:var(--white);border-radius:var(--border-radius-md);border-bottom:1px solid var(--grey-whisper);min-width:33%} .str-chat__li .quoted-message-inner :nth-child(2){margin-left:var(--xs-m)} .str-chat__li .quoted-message.mine .quoted-message-inner{background:var(--white-snow)} .str-chat__li--top,.str-chat__li--single{padding-top:calc(var(--md-p)/2)} .str-chat__li--top .str-chat__message-attachment--img,.str-chat__li--top .str-chat__message-attachment-card,.str-chat__li--top .str-chat__message .str-chat__gallery,.str-chat__li--single .str-chat__message-attachment--img,.str-chat__li--single .str-chat__message-attachment-card,.str-chat__li--single .str-chat__message .str-chat__gallery{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--top .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--top .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--single .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--single .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--top .str-chat__message--me,.str-chat__li--single .str-chat__message--me{text-align:right} .str-chat__li--top .str-chat__message--me .str-chat__message-attachment--img,.str-chat__li--top .str-chat__message--me .str-chat__message-attachment-card,.str-chat__li--single .str-chat__message--me .str-chat__message-attachment--img,.str-chat__li--single .str-chat__message--me .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--top .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--top .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--single .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--single .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--top .str-chat__message--me .str-chat__gallery,.str-chat__li--single .str-chat__message--me .str-chat__gallery{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--top .str-chat__message--me.str-chat__message--has-text .str-chat__gallery,.str-chat__li--single .str-chat__message--me.str-chat__message--has-text .str-chat__gallery{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--middle{margin:0} .str-chat__li--middle .str-chat__message-attachment--img,.str-chat__li--middle .str-chat__message-attachment-card,.str-chat__li--middle .str-chat__message .str-chat__gallery{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--middle .str-chat__message--me .str-chat__message-attachment--img,.str-chat__li--middle .str-chat__message--me .str-chat__message-attachment-card,.str-chat__li--middle .str-chat__message--me .str-chat__message .str-chat__gallery{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery{border-top-left-radius:calc(var(--border-radius-sm)/2)} .str-chat__li--bottom{padding-bottom:calc(var(--md-p)/2)} .str-chat__li--bottom .str-chat__message-attachment--img,.str-chat__li--bottom .str-chat__message-attachment-card,.str-chat__li--bottom .str-chat__message .str-chat__gallery{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment--img,.str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment-card,.str-chat__li--bottom .str-chat__message--me .str-chat__message .str-chat__gallery{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,.str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,.str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery{border-top-left-radius:calc(var(--border-radius-sm)/2)} .str-chat__li--single{padding-bottom:calc(var(--md-m)/2)} .str-chat__li--top .str-chat__message-data,.str-chat__li--middle .str-chat__message-data{display:none} .str-chat__li--top .str-chat__message-text-inner{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--top .str-chat__message--me .str-chat__message-text-inner{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--single .str-chat__message-text-inner{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--single .str-chat__message-text-inner--has-attachment{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--single .str-chat__message--me .str-chat__message-text-inner{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--single .str-chat__message--me .str-chat__message-text-inner--has-attachment{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--bottom .str-chat__message-text-inner,.str-chat__li--middle .str-chat__message-text-inner{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__li--bottom .str-chat__message--me .str-chat__message-text-inner,.str-chat__li--middle .str-chat__message--me .str-chat__message-text-inner{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__li--bottom .str-chat__message--me .str-chat__message-text-inner--has-attachment,.str-chat__li--middle .str-chat__message--me .str-chat__message-text-inner--has-attachment{margin:0} .str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment-card,.str-chat__li--middle .str-chat__message--me .str-chat__message-attachment-card{margin:0;padding:0;border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__message,.str-chat__message-simple{display:inline-flex;justify-content:flex-start;align-items:flex-end;padding:0;position:relative;padding-top:var(--xxs-p);padding-bottom:var(--xxs-p);width:100%;transition:background-color .5s ease-out} .str-chat__message--system,.str-chat__message-simple--system{text-align:center;align-items:center;width:100%;flex-direction:column;padding:var(--xl-p);box-sizing:border-box;font-size:var(--xs-font)} .str-chat__message--system__text,.str-chat__message-simple--system__text{display:flex;align-items:center;width:100%} .str-chat__message--system__text p,.str-chat__message-simple--system__text p{margin:0 24px;color:var(--grey);text-transform:uppercase;font-weight:var(--font-weight-bold)} .str-chat__message--system__line,.str-chat__message-simple--system__line{flex:1;height:1px;width:100%;background-color:var(--overlay)} .str-chat__message--system__date,.str-chat__message-simple--system__date{margin-top:4px;text-transform:uppercase;color:var(--grey)} .str-chat__message-inner,.str-chat__message-simple-inner{position:relative} @media screen and (min-width: 420px){.str-chat__message-inner,.str-chat__message-simple-inner{margin-right:88px;margin-left:unset}} .str-chat__message-inner>.str-chat__message-simple__actions,.str-chat__message-simple-inner>.str-chat__message-simple__actions{position:absolute;top:5px;left:calc(100% + 8px)} .str-chat__message-attachment-container,.str-chat__message-simple-attachment-container{display:flex;flex-direction:column} .str-chat__message-text,.str-chat__message-simple-text{display:inline-flex;justify-content:flex-start;align-items:center;padding:0;position:relative} .str-chat__message-text-inner,.str-chat__message-simple-text-inner{position:relative;flex:1;display:block;min-height:32px;padding:var(--xxs-p) var(--xs-p);font-size:var(--lg-font);color:var(--black);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;background:var(--white-snow);border:1px solid var(--border);margin-left:0} .str-chat__message-text-inner .str-chat__emoji-display-fix,.str-chat__message-simple-text-inner .str-chat__emoji-display-fix{display:inline-block;width:1.25em} .str-chat__message-text-inner p,.str-chat__message-simple-text-inner p{word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto} .str-chat__message-text-inner--focused,.str-chat__message-simple-text-inner--focused{background:var(--primary-color);border:1px solid var(--primary-color);margin-right:0;margin-left:0} .str-chat__message-text-inner--has-attachment,.str-chat__message-simple-text-inner--has-attachment{border-radius:calc(var(--border-radius-sm)/2) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__message-text-inner--is-emoji,.str-chat__message-simple-text-inner--is-emoji{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);font-size:var(--xxxl-font);padding-left:0;padding-right:0} .str-chat__message-attachment,.str-chat__message-simple-attachment{--attachment-max-width: 480px} .str-chat__message-attachment--img,.str-chat__message-simple-attachment--img{width:100%;display:block;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:zoom-in} .str-chat__message-data,.str-chat__message-simple-data{margin-top:var(--xxs-m);width:100%;font-size:var(--xs-font);color:var(--overlay-dark);position:absolute;white-space:nowrap} .str-chat__message-name,.str-chat__message-simple-name{font-weight:var(--font-weight-bold);margin-right:var(--xxs-m)} .str-chat__message p,.str-chat__message-simple p{margin:0;white-space:pre-line;line-height:20px} .str-chat__message p:not(:first-of-type),.str-chat__message-simple p:not(:first-of-type){margin:var(--sm-m) 0 0} .str-chat__message--me,.str-chat__message-simple--me{display:inline-flex;justify-content:flex-end} .str-chat__message--me .str-chat__message-text,.str-chat__message-simple--me .str-chat__message-text{display:flex;justify-content:flex-end} .str-chat__message--me .str-chat__message-attachment-container,.str-chat__message-simple--me .str-chat__message-attachment-container{display:flex;flex-direction:column;align-items:flex-end} .str-chat__message--me .str-chat__message-inner,.str-chat__message-simple--me .str-chat__message-inner{justify-content:flex-end;align-items:flex-end} @media screen and (min-width: 420px){.str-chat__message--me .str-chat__message-inner,.str-chat__message-simple--me .str-chat__message-inner{margin-right:unset;margin-left:88px}} .str-chat__message--me .str-chat__message-inner>.str-chat__message-simple__actions,.str-chat__message-simple--me .str-chat__message-inner>.str-chat__message-simple__actions{position:absolute;top:5px;left:unset;right:calc(100% + 8px)} .str-chat__message--me .str-chat__message-text-inner,.str-chat__message-simple--me .str-chat__message-text-inner{flex:initial;background:var(--grey-whisper);border-color:rgba(0,0,0,0);text-align:right;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius);margin-right:0} .str-chat__message--me .str-chat__message-text-inner--focused,.str-chat__message-simple--me .str-chat__message-text-inner--focused{background:var(--primary-color);border:1px solid var(--primary-color);margin-left:0;margin-right:0} .str-chat__message--me .str-chat__message-text-inner--has-attachment,.str-chat__message-simple--me .str-chat__message-text-inner--has-attachment{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__message--me .str-chat__message-text-inner--is-emoji,.str-chat__message-simple--me .str-chat__message-text-inner--is-emoji{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);font-size:var(--xxxl-font);padding-left:0;padding-right:0} .str-chat__message--me .str-chat__message-text-inner--is-emoji p,.str-chat__message-simple--me .str-chat__message-text-inner--is-emoji p{line-height:48px} .str-chat__message--me .str-chat__message-attachment--img,.str-chat__message-simple--me .str-chat__message-attachment--img{width:100%;max-width:inherit;display:block;object-fit:cover;border:none} .str-chat__message--me .str-chat__message-data,.str-chat__message-simple--me .str-chat__message-data{text-align:right;right:0;width:fit-content} .str-chat__message--with-reactions,.str-chat__message-simple--with-reactions{padding-top:var(--md-p)} .str-chat__message--highlighted,.str-chat__message-simple--highlighted{transition:background-color .1s ease-out;background-color:var(--highlight)} .str-chat__message-link,.str-chat__message-simple-link{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-mention,.str-chat__message-simple-mention{font-weight:var(--font-weight-bold)} .str-chat__message--inner,.str-chat__message-simple--inner{display:flex;flex-direction:column;align-items:flex-start} .str-chat__message .messaging.str-chat .str-chat__message--with-reactions,.str-chat__message .messaging.str-chat .str-chat__message--me--with-reactions,.str-chat__message-simple .messaging.str-chat .str-chat__message--with-reactions,.str-chat__message-simple .messaging.str-chat .str-chat__message--me--with-reactions{padding-top:var(--lg-p)} .str-chat__message .messaging.str-chat .str-chat__message-attachment--image,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment--image{max-width:480px} .str-chat__message .messaging.str-chat .str-chat__message-attachment--card,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment--card{line-height:normal} .str-chat__message .messaging.str-chat .str-chat__message-attachment-card,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment-card{margin:calc(var(--xxs-m)/2) auto;line-height:normal;background:var(--grey-gainsboro)} .str-chat__message .messaging.str-chat .str-chat__message-attachment-card--title,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment-card--title{color:var(--primary-color)} .str-chat__message .messaging.str-chat .str-chat__message-attachment-card--text,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment-card--text{display:none} .str-chat__message .messaging.str-chat .str-chat__message-attachment-card--url,.str-chat__message-simple .messaging.str-chat .str-chat__message-attachment-card--url{text-transform:lowercase} .str-chat__message .messaging.str-chat .str-chat__message--deleted,.str-chat__message-simple .messaging.str-chat .str-chat__message--deleted{margin:0 var(--xl-m)} .str-chat__message .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--card,.str-chat__message .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--image,.str-chat__message-simple .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--card,.str-chat__message-simple .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--image{border-top-left-radius:calc(var(--border-radius-sm)/2)} .str-chat__message--deleted,.str-chat__message-simple--deleted{margin:0 0 0 var(--xl-m);flex-direction:column;align-items:flex-start} .str-chat__message--deleted-inner,.str-chat__message-simple--deleted-inner{background:var(--grey-whisper);padding:var(--xs-p) var(--sm-p);border-radius:var(--border-radius);font-size:var(--sm-font);color:var(--grey)} .str-chat__message--me.str-chat__message--deleted,.str-chat__message-simple--me.str-chat__message--deleted{margin:0 var(--xl-m) 0 0;align-items:flex-end} .str-chat__message--me.str-chat__message--deleted-inner,.str-chat__message-simple--me.str-chat__message--deleted-inner{background:var(--white-smoke);padding:var(--xs-p) var(--sm-p);border-radius:var(--border-radius);font-size:var(--sm-font);color:var(--grey)} .str-chat__message--error,.str-chat__message--failed,.str-chat__message-simple--error,.str-chat__message-simple--failed{font-size:var(--sm-font);padding:var(--xxs-p) 0} .str-chat__message--error .str-chat__message-text-inner,.str-chat__message--failed .str-chat__message-text-inner,.str-chat__message-simple--error .str-chat__message-text-inner,.str-chat__message-simple--failed .str-chat__message-text-inner{background:var(--faded-red);border:1px solid var(--faded-red)} .str-chat__message--me.str-chat__message--error,.str-chat__message--me.str-chat__message--failed,.str-chat__message-simple--me.str-chat__message--error,.str-chat__message-simple--me.str-chat__message--failed{border-left:initial;margin-right:var(--xl-m)} .str-chat__message .str-chat__message-attachment-file--item:hover,.str-chat__message-simple .str-chat__message-attachment-file--item:hover{background:rgba(0,0,0,0)} .str-chat__message .quoted-message-inner,.str-chat__message-simple .quoted-message-inner{pointer-events:none} .str-chat__message-simple{font-family:var(--second-font)} .str-chat__message-simple__actions{display:flex} .str-chat__message-simple__actions__action{margin:var(--xxs-m);display:flex;align-items:center;height:10px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:0} .str-chat__message-simple__actions__action svg{fill:var(--black);opacity:.5} .str-chat__message-simple__actions__action:hover svg{opacity:1} .str-chat__message-simple__actions__action--thread,.str-chat__message-simple__actions__action--options,.str-chat__message-simple__actions__action--reactions{display:none} .str-chat__message-simple__actions__action--options{position:relative} .str-chat__message-simple__actions__action--options>button{cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:3px 0} .str-chat__message-simple:hover .str-chat__message-simple__actions__action--thread,.str-chat__message-simple:hover .str-chat__message-simple__actions__action--reactions,.str-chat__message-simple:hover .str-chat__message-simple__actions__action--options{display:flex} .str-chat__message-simple:hover .str-chat__message-simple__actions__action--options button{display:flex;align-items:center} .str-chat__message-simple-text{display:flex;justify-content:flex-end;padding:0;position:relative} .str-chat__message-simple-text-inner{flex:initial;text-align:left;max-width:460px;word-wrap:break-word;word-break:break-word} .str-chat__message-simple-text-inner.str-chat__message-simple-text-inner--is-emoji{background:rgba(0,0,0,0)} .str-chat__message-simple-text-inner.str-chat__message-simple-text-inner--is-emoji p{line-height:48px} .str-chat__message-simple-text-inner p{text-align:left} .str-chat__message-simple-text-inner a{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-simple-text-inner a:active,.str-chat__message-simple-text-inner a:focus,.str-chat__message-simple-text-inner a:hover{text-decoration:underline} .str-chat__message-simple-text-inner blockquote{margin:0 0 0 var(--xxs-m);font-style:italic;padding-left:var(--md-p);position:relative} .str-chat__message-simple-text-inner blockquote::before{font-size:var(--xxl-font);content:"“";font-style:italic;position:absolute;opacity:.5;top:2px;left:-5px} .str-chat__message-simple--deleted-inner{background:var(--dark-grey);color:var(--white)} .str-chat__message-simple--me .str-chat__message-simple-reply-button{display:flex;justify-content:flex-end} .str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button{display:flex;flex-direction:row-reverse} .str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button svg{transform:scaleX(-1);margin-left:var(--xxs-m);margin-bottom:var(--xxs-m);margin-right:0} .str-chat__message-simple--me .str-chat__message-simple__actions{justify-content:flex-end;flex-direction:row-reverse} .str-chat__message-simple--me .str-chat__message-attachment{--attachment-max-width: 460px} .str-chat__message-simple--me-text-inner--is-emoji{background-color:rgba(0,0,0,0);line-height:32px} .str-chat__message-simple--me .str-chat__message-simple__actions{order:-1} .str-chat__simple-message--error-message{text-align:left;text-transform:uppercase;font-size:var(--xs-font);opacity:.5} .str-chat__message-simple-status{margin:var(--xs-m) 0 var(--xs-m) var(--xs-m);order:3;position:absolute;left:100%;bottom:0;line-height:1;display:flex;justify-content:flex-end;align-items:center;z-index:1} .str-chat__message-simple-status-number{font-size:var(--xs-font);margin-left:4px;position:absolute;left:100%;color:var(--overlay-dark)} .str-chat__message-simple-status-angular svg{width:20px;height:20px} .str-chat__message-simple-status-angular svg path{fill:var(--primary-color)} .str-chat__message-simple-status>.str-chat__avatar,.str-chat__message-simple-status>.str-chat-angular__avatar-host .str-chat__avatar{align-self:flex-end;margin-right:0} .str-chat__message-simple-status>.str-chat__tooltip{display:none;max-width:300px;min-width:100px;text-align:center} .str-chat__message-simple-status:hover>.str-chat__tooltip{display:block} .str-chat__message-simple-status::after{position:absolute;bottom:100%;right:0;content:" ";width:15px;height:15px} .str-chat__message-simple .str-chat__message-attachment-card{margin:0;background:var(--white);border:1px solid var(--border)} .str-chat__message-simple .str-chat__message-attachment-card--content{background:var(--grey-gainsboro)} .str-chat__message-simple .str-chat__message-attachment-card--text{display:none} .str-chat__message-simple .str-chat__message-attachment--file{background:var(--white);border-color:rgba(0,0,0,0);border:1px solid var(--grey-gainsboro);border-radius:var(--border-radius-md)} .str-chat__message-simple .str-chat__message-attachment--file .str-chat__message-attachment-file--item{border-color:rgba(0,0,0,0);padding:0 var(--xs-p)} .str-chat__message-simple .str-chat__message-attachment--file:first-of-type:not(.str-chat-angular__message-attachment-file-single){border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:rgba(0,0,0,0)} .str-chat__message-simple .str-chat__message-attachment--file:last-of-type:not(.str-chat-angular__message-attachment-file-single){border-top-color:rgba(0,0,0,0);border-radius:0 0 var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__message-simple .str-chat__message-attachment--file:last-of-type:not(.str-chat-angular__message-attachment-file-single):first-of-type{border-bottom:1px solid var(--grey-gainsboro);border-top:1px solid var(--grey-gainsboro);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__message-simple .str-chat__message-attachment-file--item:not(.str-chat-angular__message-attachment-file-single){border-radius:0} .str-chat__message-simple--me .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm)} .str-chat__message-simple--me .str-chat__message-attachment--file{background:var(--grey-gainsboro)} .str-chat__message-simple--me .str-chat__message-attachment--file:last-of-type:not(.str-chat-angular__message-attachment-file-single){border-radius:0 0 calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__message-simple--me .str-chat__message-attachment--file:last-of-type:not(.str-chat-angular__message-attachment-file-single):first-of-type:not(.str-chat-angular__message-attachment-file-single){border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__list--thread .str-chat__message-simple__actions{width:30px} .str-chat__list--thread .str-chat__message-simple__actions__action--options .str-chat__message-actions-box{right:unset;left:100%;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .livestream.str-chat .str-chat__li--single{margin:0} @media screen and (max-width: 960px){.str-chat__message-simple-text-inner{max-width:218px}.str-chat__message-simple-status{left:unset;right:8px;bottom:30px}.str-chat__message-simple-status-angular{margin-bottom:3px}} .dark.str-chat .str-chat__message-text-inner,.dark.str-chat .str-chat__message-simple-text-inner{background:var(--dark-grey);color:var(--white)} .dark.str-chat .str-chat__message-text-inner--is-emoji,.dark.str-chat .str-chat__message-simple-text-inner--is-emoji{background:rgba(0,0,0,0)} .dark.str-chat .str-chat__message-text-inner .quoted-message-inner,.dark.str-chat .str-chat__message-simple-text-inner .quoted-message-inner{background:var(--dark-grey)} .dark.str-chat .str-chat__message__actions svg,.dark.str-chat .str-chat__message-simple__actions svg{fill:var(--white)} .dark.str-chat .str-chat__message-data,.dark.str-chat .str-chat__message-simple-data{color:var(--white);opacity:.5} .dark.str-chat .str-chat__message .str-chat__message-attachment-card,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card{background:rgba(0,0,0,0)} .dark.str-chat .str-chat__message .str-chat__message-attachment-card--content,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card--content{background:var(--dark-grey)} .dark.str-chat .str-chat__message .str-chat__message-attachment-card--url,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card--url{color:var(--grey-gainsboro)} .dark.str-chat .str-chat__message .str-chat__message-attachment-card--title,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card--title{color:var(--primary-color)} .dark.str-chat .str-chat__message .str-chat__message-attachment--file,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file{border-color:rgba(0,0,0,0);background:var(--dark-grey);color:var(--white10)} .dark.str-chat .str-chat__message .str-chat__message-attachment--file a,.dark.str-chat .str-chat__message .str-chat__message-attachment--file span,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file a,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file span{color:var(--white)} .dark.str-chat .str-chat__message .str-chat__message-attachment--file span,.dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file span{opacity:.5} .dark.str-chat .str-chat__message .str-chat__message-simple-status-number,.dark.str-chat .str-chat__message-simple .str-chat__message-simple-status-number{color:var(--grey-gainsboro)} .dark.str-chat .str-chat__message .str-chat__message-simple--deleted-inner,.dark.str-chat .str-chat__message .str-chat__message--deleted-inner,.dark.str-chat .str-chat__message-simple .str-chat__message-simple--deleted-inner,.dark.str-chat .str-chat__message-simple .str-chat__message--deleted-inner{background:var(--dark-grey);color:var(--white)} .dark.str-chat .str-chat__message--me .str-chat__message-text-inner,.dark.str-chat .str-chat__message-simple--me .str-chat__message-text-inner{background:var(--black40)} .dark.str-chat .str-chat__message--me .str-chat__message-text-inner--is-emoji,.dark.str-chat .str-chat__message-simple--me .str-chat__message-text-inner--is-emoji{background:rgba(0,0,0,0)} .dark.str-chat .str-chat__message--me .str-chat__message-attachment-card--content,.dark.str-chat .str-chat__message-simple--me .str-chat__message-attachment-card--content{background:var(--black40)} .dark.str-chat .str-chat__message--me .str-chat__message-attachment--file,.dark.str-chat .str-chat__message-simple--me .str-chat__message-attachment--file{background:var(--black40)} .dark.str-chat .str-chat__message--me .str-chat__message-simple--deleted-inner,.dark.str-chat .str-chat__message--me .str-chat__message--deleted-inner,.dark.str-chat .str-chat__message-simple--me .str-chat__message-simple--deleted-inner,.dark.str-chat .str-chat__message-simple--me .str-chat__message--deleted-inner{background:var(--black40);color:var(--white)} .dark.str-chat .str-chat__message-simple__actions__action--options .str-chat__actions-box{background:var(--grey);box-shadow:0 0 2px 0 var(--overlay),0 1px 0 0 var(--border),0 1px 8px 0 var(--border)} .dark.str-chat .str-chat__message--error .str-chat__message-simple-text-inner,.dark.str-chat .str-chat__message--failed .str-chat__message-simple-text-inner{background:var(--faded-red);border:1px solid var(--faded-red)} .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box{left:100%;right:unset} .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--reverse{right:100%;left:unset;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine{right:100%;left:unset;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine.str-chat__message-actions-box--reverse{left:100%;right:unset;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__message a[href^="mailto:"]{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none} @media screen and (max-width: 375px){.str-chat__message .str-chat__message-attachment{--attachment-max-width: 235px}} @media screen and (max-width: 414px){.str-chat__message .str-chat__message-attachment{--attachment-max-width: 235px}} @media only screen and (device-width: 375px)and (-webkit-device-pixel-ratio: 3){.str-chat__message .str-chat__message-attachment{--attachment-max-width: 235px}} .str-chat .mml-container{display:flex;padding-bottom:var(--xxs-p)} .str-chat .mml-icon{font-family:"Material Icons",sans-serif} .str-chat .mml-wrap{display:block;max-width:345px} @media screen and (max-width: 375px){.str-chat .mml-wrap{max-width:220px}} .str-chat .mml-datepicker{min-width:180px} .str-chat .mml-align-right .mml-btnlist--floating,.str-chat .mml-align-right .mml-carousel{margin-left:auto} .str-chat .mml-align-left .mml-btnlist--floating,.str-chat .mml-align-left .mml-carousel{margin-right:auto} @media screen and (max-width: 960px){.str-chat .mml-align-left .mml-carousel{margin-left:-10px}.str-chat .mml-align-right .mml-carousel{margin-right:-10px}} @media screen and (max-width: 960px){.str-chat.messaging .mml-align-left .mml-carousel{margin-left:-10px}.str-chat.messaging .mml-align-right .mml-carousel{margin-right:-10px}} .str-chat__message-actions-box{position:absolute;display:none;bottom:20px;left:40px;width:120px;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;background:var(--white);background-image:linear-gradient(-180deg, var(--bg-gradient-start), var(--bg-gradient-end));box-shadow:0 0 2px 0 var(--border),0 1px 0 0 var(--border),0 1px 8px 0 var(--border);z-index:999} .str-chat__message-actions-box.str-chat__message-actions-box-angular{position:initial;margin:8px;border-radius:var(--border-radius)} .str-chat__message-actions-box--open{display:block} .str-chat__message-actions-list{height:100%;margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;align-items:flex-start} .str-chat__message-actions-list-item{padding:var(--xs-p) var(--xs-p);width:100%;margin:0} .str-chat__message-actions-list button{background:none;text-align:left;outline:none;border:none;cursor:pointer;display:block;width:100%;font-size:var(--sm-font);color:var(--black);text-decoration:none} .str-chat__message-actions-list button:focus{outline:5px auto -webkit-focus-ring-color} .str-chat__message-actions-list button:hover{color:var(--primary-color)} .str-chat__message-actions-list button:not(:last-of-type){border-bottom:1px solid var(--black5)} .str-chat__message-actions{position:relative;align-self:flex-start;display:flex;align-items:center;justify-content:flex-end;margin:var(--xxs-m) var(--xs-m);cursor:pointer} .str-chat__message-actions{order:2} .str-chat__message--me .str-chat__message-actions{order:-1} .str-chat__message-actions-reactions,.str-chat__message-actions-options{display:flex;align-items:center;justify-content:center;width:22px;height:22px} .str-chat__message-actions-reactions,.str-chat__message-actions-options svg{fill:var(--grey);position:relative} .str-chat__message-actions-reactions:hover,.str-chat__message-actions-options:hover svg{fill:var(--primary-color)} .str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--thread{display:flex} .str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--reactions{display:flex} .str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--options{display:flex} .str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--options button{display:flex;align-items:center} .str-chat__message-moderation-error-actions-box{display:flex;justify-content:flex-end;padding-top:var(--xs-p);padding-bottom:var(--xs-p);gap:var(--xs-p)} .str-chat__message-moderation-error-actions-box button{border:none;background:none;font-weight:var(--font-weight-semi-bold);color:var(--secondary-button-text)} .str-chat__message-moderation-error-actions-box button.str-chat__message-moderation-error-actions-box--primary{color:var(--button-text)} .str-chat__message-commerce{display:flex;justify-content:flex-start;align-items:flex-end;padding:0;position:relative;margin:1px 0} .str-chat__message-commerce-inner{position:relative} .str-chat__message-commerce-inner>.str-chat__message-commerce__actions{min-height:10px;min-width:30px;float:right} .str-chat__message-commerce-inner>.str-chat__message-commerce__actions .str-chat__reaction-list{left:unset;right:46px} .str-chat__message-commerce .str-chat__avatar{margin-right:8px} .str-chat__message-commerce .str-chat__message-attachment-card--content{margin:0;padding:6px 8px} .str-chat__message-commerce--top,.str-chat__message-commerce--middle{margin-left:40px} .str-chat__message-commerce--top .str-chat__message-commerce-data,.str-chat__message-commerce--middle .str-chat__message-commerce-data{display:none} .str-chat__message-commerce--top .str-chat__message-commerce-text-inner{border-radius:16px 16px 4px 4px} .str-chat__message-commerce--bottom .str-chat__message-commerce-text-inner{border-radius:4px 4px 16px 0} .str-chat__message-commerce--single .str-chat__message-commerce-text-inner{border-radius:16px 16px 16px 0} .str-chat__message-commerce--single .str-chat__message-commerce-text-inner--has-attachment{border-radius:4px 4px 16px 0} .str-chat__message-commerce--middle .str-chat__message-commerce-text-inner{border-radius:4px} .str-chat__message-commerce-text{display:flex;padding:0;position:relative} .str-chat__message-commerce-text-inner{position:relative;display:block;min-height:32px;padding:5px 10px;font-size:var(--lg-font);color:#000;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;background:#fff;border:1px solid var(--border-color);margin-left:0;max-width:345px} .str-chat__message-commerce-text-inner p{margin:0;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto} .str-chat__message-commerce-text-inner p:not(:first-of-type){margin:16px 0 0} .str-chat__message-commerce-text-inner--has-attachment{border-radius:2px var(--border-radius) var(--border-radius) 2px} .str-chat__message-commerce-text-inner--is-emoji{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);font-size:32px;line-height:48px;padding-left:0;padding-right:0} .str-chat__message-commerce-attachment--img{width:100%;max-width:480px;display:block;height:inherit;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:zoom-in} .str-chat__message-commerce-data{margin-top:5px;width:100%;font-size:var(--xs-font);color:rgba(0,0,0,.5)} .str-chat__message-commerce-name{font-weight:var(--font-weight-bold);margin-right:5px} .str-chat__message-commerce p{margin:0;line-height:20px} .str-chat__message-commerce--with-reactions{padding-top:30px} .str-chat__message-commerce--with-reactions .str-chat__message-commerce__actions__action--reactions{display:none} .str-chat__message-commerce-link{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-commerce--inner{display:flex;flex-direction:column;align-items:flex-start} .str-chat__message-commerce--deleted{background:var(--grey);float:left;padding:8px 16px;border-radius:var(--border-radius);font-size:var(--sm-font);color:var(--darken-grey);margin:0 0 0 42px} .str-chat__message-commerce--error{margin:0 0 32px;font-size:var(--sm-font)} .str-chat__message-commerce--error .str-chat__message-text-inner{background:rgba(208,2,27,.1);border:1px solid rgba(208,2,27,.1)} .str-chat__message-commerce--right.str-chat__message-commerce{justify-content:flex-end;margin-left:0} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce__actions{justify-content:flex-end} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner>.str-chat__message-commerce__actions{float:left} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner>.str-chat__message-commerce__actions .str-chat__reaction-list{left:46px} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner>.str-chat__message-commerce-reply-button{display:flex;justify-content:flex-end} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner>.str-chat__message-commerce-reply-button .str-chat__message-replies-count-button{display:flex;flex-direction:row-reverse} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner>.str-chat__message-commerce-reply-button .str-chat__message-replies-count-button svg{transform:scaleX(-1);margin-left:5px;margin-bottom:4px;margin-right:0} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner{background:#ebebeb;border-width:0;margin-top:2px;border-color:rgba(0,0,0,0)} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner p{text-align:right} .str-chat__message-commerce--right.str-chat__message-commerce>.str-chat__avatar{display:none} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment{margin:0 auto 0 30px} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment--img{border-radius:var(--border-radius) var(--border-radius) 2px var(--border-radius)} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment-card{border-radius:16px 16px 4px} .str-chat__message-commerce--right.str-chat__message-commerce--bottom,.str-chat__message-commerce--right.str-chat__message-commerce--single{margin-right:0} .str-chat__message-commerce--right.str-chat__message-commerce--single .str-chat__message-commerce-text-inner{border-radius:16px 16px 4px} .str-chat__message-commerce--right.str-chat__message-commerce--single .str-chat__message-commerce-text-inner--has-attachment{border-radius:16px 4px 4px 16px} .str-chat__message-commerce--right.str-chat__message-commerce--bottom .str-chat__message-commerce-text-inner{border-radius:4px 4px 4px 16px} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__avatar{order:1} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text{flex-direction:row-reverse;justify-content:flex-start} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner{flex:unset} .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-data{text-align:right} .str-chat__message-commerce--has-text .str-chat__message-commerce-inner .str-chat__message-attachment{width:100%;height:auto;margin:4px auto} .str-chat__message-commerce{font-family:var(--second-font)} .str-chat__message-commerce__actions{display:flex;margin-top:5px;align-items:flex-start;justify-content:flex-start;min-width:30px} .str-chat__message-commerce__actions__action{margin:5px;display:flex;align-items:center;height:10px;cursor:pointer} .str-chat__message-commerce__actions__action svg{fill:#000;opacity:.5} .str-chat__message-commerce__actions__action:hover svg{opacity:1} .str-chat__message-commerce__actions__action--thread,.str-chat__message-commerce__actions__action--reactions{display:none} .str-chat__message-commerce__actions__action--options{position:relative;display:none} .str-chat__message-commerce__actions__action--options .str-chat__message-actions-box{bottom:10px;left:unset;right:100%;width:120px;border-radius:16px 16px 2px} .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--thread{display:flex} .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions{display:flex} .str-chat__message-commerce-text{display:flex;padding:0;position:relative} .str-chat__message-commerce-text-inner{text-align:left} .str-chat__message-commerce-text-inner.str-chat__message-commerce-text-inner--is-emoji{margin:5px 0;background:rgba(0,0,0,0)} .str-chat__message-commerce-text-inner p{text-align:left} .str-chat__message-commerce-text-inner a{color:var(--secondary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-commerce-text-inner blockquote{margin:0 0 0 5px;font-style:italic;padding-left:20px;position:relative} .str-chat__message-commerce-text-inner blockquote::before{font-size:var(--xxl-font);content:"“";font-style:italic;position:absolute;opacity:.5;top:2px;left:-5px} .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--options{display:flex} .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions{display:flex} .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--thread{display:flex} .str-chat__commerce-message--error-message{text-align:left;text-transform:uppercase;font-size:var(--xs-font);opacity:.5} .str-chat__message-commerce-status{margin:10px 0 10px 10px;order:3;position:absolute;left:100%;bottom:0;line-height:1;display:flex;justify-content:flex-end;align-items:center;z-index:11} .str-chat__message-commerce-status-number{font-size:var(--xs-font);margin-left:4px;position:absolute;left:100%;color:rgba(0,0,0,.6)} .str-chat__message-commerce-status>.str-chat__avatar{align-self:flex-end;margin-right:0} .str-chat__message-commerce-status>.str-chat__tooltip{display:none;max-width:300px;min-width:100px;text-align:center} .str-chat__message-commerce-status:hover>.str-chat__tooltip{display:block} .str-chat__message-commerce-status::after{position:absolute;bottom:100%;right:0;content:" ";width:15px;height:15px} .str-chat__message-commerce .str-chat__message-attachment{width:calc(100% - 30px);max-width:unset;border-radius:unset;margin:0 auto 0 0} .str-chat__message-commerce .str-chat__message-attachment-card{margin:0;border-radius:4px var(--border-radius) 4px 4px;background:#fff;border:1px solid rgba(0,0,0,.08)} .str-chat__message-commerce .str-chat__message-attachment-card--content{background:#ebebeb} .str-chat__message-commerce .str-chat__message-attachment-card--text{display:none} .str-chat__list--thread .str-chat__message-commerce__actions{width:30px} .str-chat__list--thread .str-chat__message-commerce__actions__action--options .str-chat__message-actions-box{right:unset;left:100%;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 2px} .str-chat.dark .str-chat__message-commerce-data{color:#fff;opacity:.5} .str-chat.dark .str-chat__message-commerce-text-inner{background:rgba(255,255,255,.05);color:#fff} .str-chat.dark .str-chat__message-commerce__actions svg{fill:#fff} .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card{background:rgba(0,0,0,.2)} .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--content{background:rgba(0,0,0,.2)} .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--title{color:#fff} .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--url{color:rgba(255,255,255,.5)} .str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce-text-inner{background:rgba(0,0,0,.2)} .str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card{background:rgba(0,0,0,.2)} .str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card--content{background:rgba(0,0,0,.2)} .str-chat__input{background:var(--white);box-shadow:0 -1px 3px 0 var(--border),0 -1px 0 0 var(--border);display:flex;flex-wrap:wrap;padding:var(--xs-p);position:relative;font-family:var(--second-font);padding-bottom:0} .str-chat__input--emojipicker{position:absolute;bottom:100%;right:0} .str-chat__input .rfu-file-previewer{flex:1 1 100%} .str-chat__input--textarea-wrapper{display:flex;flex-wrap:wrap;flex:1 0;position:relative} .str-chat__input--textarea-wrapper .str-chat__textarea textarea{padding-right:72px} .str-chat__input-emojiselect,.str-chat__input .rfu-file-upload-button{position:absolute;cursor:pointer;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background-size:44px 44px;fill:var(--black60)} .str-chat__input-emojiselect:hover,.str-chat__input .rfu-file-upload-button:hover{fill:var(--black)} .str-chat__input-emojiselect{right:20px;top:calc(100% - 35px)} .str-chat__input .rfu-file-upload-button{right:46px;top:calc(100% - 34px)} .str-chat__input .rfu-file-upload-button:focus-within{outline:5px auto -webkit-focus-ring-color} .str-chat__input-footer{display:flex;justify-content:space-between;font-size:var(--sm-font);background:var(--white);padding:0 var(--xs-p) var(--xs-p) var(--xs-p);color:var(--lighten-black)} .str-chat__input-footer--typing{font-style:italic} .str-chat__input-footer--count--hidden{visibility:hidden} .dark .str-chat__textarea textarea::placeholder{color:var(--white30)} .str-chat__textarea{height:auto;flex:1} .str-chat__textarea textarea{width:100%;outline:none;padding:var(--sm-p);background:var(--white);border:1px solid var(--border);border-radius:var(--border-radius-md);font-size:var(--lg-font);min-height:42px;transition:height 100ms ease-in;resize:none} .str-chat__textarea textarea:focus{background:var(--white);border:1px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-faded)} .str-chat__textarea textarea::placeholder{color:var(--black50)} .str-chat__emojisearch{bottom:100%;left:0;width:calc(100% - 20px);position:absolute;background:var(--white95);box-shadow:0 0 1px 0 var(--black30),0 0 6px 0 var(--black10);z-index:10001;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;margin:0 var(--xs-m);max-height:360px;overflow-y:auto} .str-chat__emojisearch__list{margin:0;padding:0;list-style-type:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0} .dark.str-chat .str-chat__emojisearch{background:var(--dark-grey);box-shadow:0 0 1px 0 var(--black30),0 0 6px 0 var(--black10);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0} .dark.str-chat .str-chat__emojisearch .rta__list-header{background:var(--dark-grey);border:1px solid var(--white5);box-shadow:0 2px 1px 0 var(--black5);color:var(--white)} .dark.str-chat .str-chat__emojisearch .rta__entity{color:var(--white)} .dark.str-chat .rfu-file-previewer__file a{color:var(--white)} .dark.str-chat .rfu-file-previewer__file:hover{background:rgba(0,0,0,0)} .dark.str-chat .rfu-file-previewer__close-button{color:var(--white)} .rta{font-size:var(--md-font)} .rta__entity{cursor:pointer;width:100%;border:none;background:rgba(0,0,0,0)} .rta__entity--selected{background-color:var(--primary-color);color:var(--white);width:100%} .active.mention-active>a{background-color:var(--primary-color) !important;color:var(--white) !important} .rta__list{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0} .rta__list-header{padding:var(--sm-p);font-size:var(--md-font)} .str-chat__emoji-item{padding:0 var(--md-p);display:flex;align-items:center;margin:0 calc(-1*var(--xs-m))} .str-chat__emoji-item--entity{min-width:24px} .str-chat__emoji-item--highlight{font-weight:var(--font-weight-bold);font-size:var(--sm-font)} .str-chat__emoji-item--part{font-size:var(--sm-font)} .str-chat__slash-command{padding:var(--xs-p) var(--sm-p);font-size:var(--md-font);display:flex;flex-direction:column;align-items:flex-start} .str-chat__slash-command br{display:none} .str-chat__slash-command-description{font-size:var(--sm-font)} .str-chat__user-item{padding:var(--xs-p) var(--sm-p);display:flex;align-items:center} .str-chat__user-item--highlight{font-weight:var(--font-weight-bold);font-size:var(--sm-font)} .str-chat__user-item--part{font-size:var(--sm-font)} .str-chat .rfu-dropzone .rfu-dropzone__notifier{position:absolute;height:100%;width:100%;padding:var(--xxs-p);z-index:1001;display:none} .str-chat .rfu-dropzone--accept .rfu-dropzone__notifier{background:var(--primary-color-faded);display:block} .str-chat .rfu-dropzone--reject .rfu-dropzone__notifier{background:var(--red);display:block} .rfu-dropzone__inner{width:100%;height:100%;padding:0 var(--lg-p);border:1px dashed rgba(0,0,0,0);box-sizing:border-box;display:flex;text-align:center;align-items:center;justify-content:center;flex-direction:column;color:var(--white);font-weight:800;font-size:var(--sm-font)} .rfu-dropzone__inner svg{display:none} .rfu-dropzone--reject .rfu-dropzone__inner{display:none} .str-chat__file-uploads{max-height:300px;flex:1 1 100%;overflow-y:auto} .rfu-file-upload-button svg{fill:var(--grey)} .dark.str-chat .str-chat__input{background:var(--white5);box-shadow:0 -1px 1px 0 var(--black30)} .dark.str-chat .str-chat__input-footer{background:var(--white5)} .dark.str-chat .str-chat__input textarea{background:var(--black10);border:1px solid var(--black40);border-radius:var(--border-radius-sm);color:var(--white)} .dark.str-chat .str-chat__input .str-chat__input-emojiselect svg{fill:var(--white)} .dark.str-chat .str-chat__input .rfu-file-upload-button svg{fill:var(--white)} .str-chat__fileupload-wrapper .str-chat__tooltip{display:none;bottom:35px;right:50px} .str-chat__fileupload-wrapper:hover .str-chat__tooltip{display:block} .str-chat__emojiselect-wrapper .str-chat__tooltip{display:none;bottom:35px;right:24px} .str-chat__emojiselect-wrapper:hover .str-chat__tooltip{display:block} .str-chat__small-message-input--textarea-wrapper .str-chat__fileupload-wrapper .str-chat__tooltip{bottom:32px;right:32px} .str-chat__small-message-input--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip{bottom:32px;right:10px} .str-chat__small-message-input--textarea-wrapper .str-chat__input-small-cooldown{position:absolute;right:20px;font-size:var(--lg-font);font-weight:var(--font-weight-bold);top:6px} .str-chat__message-textarea-angular-host--autocomplete-hidden mention-list{display:none} .str-chat__input-flat{background:var(--white);padding:var(--xs-p) var(--xl-p);position:relative;z-index:1;width:100%} .str-chat__input-flat-quoted{border-top:1px solid var(--black10)} .str-chat__input-flat-quoted .quoted-message-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--xs-m);width:100%;position:relative} .str-chat__input-flat-quoted .quoted-message-preview-header{font-size:var(--md-font);margin-bottom:var(--xs-m)} .str-chat__input-flat-quoted .quoted-message-preview-header .str-chat__square-button{position:absolute;right:0;top:0;margin:unset;padding:var(--xs-p);border-radius:var(--border-radius);cursor:pointer} .str-chat__input-flat-quoted .quoted-message-preview-content{display:flex;align-items:flex-end;background:var(--grey-whisper);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) 0;max-width:60%;padding:var(--xs-p) var(--sm-p)} .str-chat__input-flat-quoted .quoted-message-preview-content-inner{display:flex;text-align:start;align-items:flex-end;word-break:break-all;word-wrap:break-word} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment{margin:0} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment--image{width:48px} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment--img,.str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment--card{border-radius:var(--border-radius-md);max-height:48px;max-width:48px;width:100%} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment--file{min-width:33%} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment-file--item{background:var(--white);border-radius:var(--border-radius-md);border-left:none;padding:0 var(--xs-p)} .str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment-card--image{border:none;border-radius:var(--border-radius-md)} .str-chat__input-flat-quoted .quoted-message-preview-content-inner :nth-child(2){margin-left:var(--xs-m)} .str-chat__input-flat-quoted .quoted-message-preview .str-chat__message-attachment-card{margin:0;min-height:unset} .str-chat__input-flat-quoted .quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content{display:none} .str-chat__input-flat-has-attachments .str-chat__send-button{display:block} .str-chat__input-flat-wrapper{display:flex;flex-wrap:wrap} .str-chat__input-flat .str-chat__textarea{flex:1} .str-chat__input-flat .str-chat__textarea.str-chat-angular__textarea{position:relative} .str-chat__input-flat .str-chat__textarea>textarea{min-height:56px;background:var(--grey-whisper);border-radius:var(--border-radius-md);padding:20px 69px;font-size:var(--lg-font);line-height:17px;border:none;margin:0} .str-chat__input-flat .str-chat__textarea>textarea:focus{border:none;color:var(--black);border-radius:var(--border-radius-md);box-shadow:0 0 0 3px var(--primary-color)} .str-chat__input-flat-footer{padding:var(--xs-p) var(--xl-p);background:var(--white)} .str-chat__input-flat-emojiselect{position:absolute;top:calc(100% - 45px);left:25px;border:none;cursor:pointer;padding:0;background-color:rgba(0,0,0,0)} .str-chat__input-flat-emojiselect.str-chat-angular__emojiselect{max-width:28px;top:50%;transform:translateY(-50%);cursor:initial} .str-chat__input-flat-emojiselect svg{fill:var(--black);opacity:.5} .str-chat__input-flat-emojiselect svg:hover{opacity:1} .str-chat__input-flat-cooldown{display:flex;align-items:center;justify-content:flex-end;padding-left:var(--xs-p)} .str-chat__input-flat-cooldown .str-chat__message-input-cooldown-text{font-size:var(--xl-font);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--grey);color:var(--white);border-radius:var(--border-radius-round)} .str-chat__input-flat--textarea-wrapper{display:flex;flex-wrap:wrap;flex:1 0;position:relative} .str-chat__input-flat--textarea-wrapper .str-chat__fileupload-wrapper .str-chat__tooltip{bottom:45px;right:25px} .str-chat__input-flat--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip{bottom:50px;left:32px;right:unset} .str-chat__input-flat--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip::after{left:5px;right:unset} .str-chat__input-flat .str-chat__input--emojipicker{left:0;right:auto} .str-chat__input-flat .rfu-dropzone{width:100%} .str-chat__input-flat .rfu-file-previewer{width:100%} .str-chat__input-flat .rfu-file-upload-button{position:absolute;top:calc(100% - 40px);right:25px} .str-chat__input-flat .rfu-file-upload-button svg{fill:var(--black);opacity:.5} .str-chat__input-flat .rfu-file-upload-button svg:hover{opacity:1} .rfu-image-previewer,.rfu-image-previewer-angular-host{flex:1 1 100%} .rfu-image-previewer__image,.rfu-image-previewer-angular-host__image{width:60px !important;height:60px !important} .rfu-image-previewer__image .rfu-thumbnail__wrapper,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper{width:60px !important;height:60px !important;border-radius:var(--border-radius-md)} .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay,.rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-icon-button,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-icon-button{padding:0} .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay svg,.rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-icon-button svg,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay svg,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-icon-button svg{opacity:.9;height:25px;width:25px} .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay svg path,.rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-icon-button svg path,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay svg path,.rfu-image-previewer-angular-host__image .rfu-thumbnail__wrapper .rfu-icon-button svg path{fill:var(--white-snow)} .rfu-image-previewer .rfu-thumbnail-placeholder,.rfu-image-previewer-angular-host .rfu-thumbnail-placeholder{width:60px;height:60px;border-radius:var(--border-radius-md)} .commerce.str-chat .str-chat__input-flat{padding:8px 24px;background:rgba(0,0,0,0)} .dark.str-chat .str-chat__input-flat{background:var(--white5)} .dark.str-chat .str-chat__input-flat textarea{background:var(--white5);border-radius:var(--border-radius-md);color:var(--white)} .dark.str-chat .str-chat__input-flat-emojiselect svg,.dark.str-chat .str-chat__input-flat .rfu-file-upload-button svg{fill:var(--white)} .dark.str-chat .str-chat__input-flat-quoted .quoted-message-preview-content{background:var(--black20)} .dark.str-chat.commerce .str-chat__input-flat{background:none} @media screen and (max-width: 960px){.str-chat.messaging .str-chat__input-flat{padding:var(--xs-p) var(--xs-p)}} .str-chat__message-notification,.str-chat__message-notification-scroll-to-latest{display:block;position:absolute;align-self:center;background:var(--primary-color);border:none;color:var(--white);border-radius:50px;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);bottom:10px;z-index:101} .str-chat__message-notification-right,.str-chat__message-notification-scroll-to-latest-right{align-self:flex-end} .str-chat__message-notification-scroll-to-latest,.str-chat__message-notification-scroll-to-latest-scroll-to-latest{cursor:pointer;display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;background:var(--white);color:var(--primary-color);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)} .str-chat__message-notification-scroll-to-latest .str-chat__jump-to-latest-icon,.str-chat__message-notification-scroll-to-latest-scroll-to-latest .str-chat__jump-to-latest-icon{display:inline-block;height:24px} .str-chat__message-notification-scroll-to-latest-unread-count,.str-chat__message-notification-scroll-to-latest-scroll-to-latest-unread-count{font-size:10px;left:50%;transform:translateX(-50%);bottom:30px} .str-chat__list,.str-chat-angular__message-list-host{overflow-x:hidden;overflow-y:auto} .str-chat__virtual-list__loading,.str-chat__list__loading{display:flex;padding-top:var(--xs-p);justify-content:center;width:100%;position:absolute} .str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0} .str-chat__list{position:relative;flex:1;-webkit-overflow-scrolling:touch;padding:0} .str-chat__list .str-chat__reverse-infinite-scroll{padding-top:72px} .str-chat__list-wrapper{flex:1;position:relative;display:flex;flex-direction:column} .str-chat__list--thread{padding:var(--sm-p) 0 0 0} .str-chat__list__center{width:100%;display:flex;justify-content:center} .str-chat__ul{display:block;list-style-type:none;padding:0;margin:0} .str-chat__custom-notification{border-radius:var(--border-radius-sm);font-size:var(--sm-font);padding:var(--xs-p);font-family:var(--second-font);text-align:center;margin-top:var(--xs-m)} .str-chat__custom-notification.notification-success{background:var(--faded-green);border:1px solid var(--green);color:var(--green)} .str-chat__custom-notification.notification-error{background:var(--faded-red);border:1px solid var(--red);color:var(--red)} .str-chat__custom-notification.notification-info{background:var(--faded-blue);border:1px solid var(--blue);color:var(--blue)} .str-chat__connection-issue{background:var(--faded-red);border:1px solid var(--red);color:var(--red);border-radius:var(--border-radius-sm);font-size:var(--sm-font);padding:var(--xs-p);font-family:var(--second-font);text-align:center} .str-chat__list-notifications,.str-chat__jump-to-latest-message{padding:0 var(--xl-p);display:flex;position:relative;flex-direction:column;justify-content:center} .messaging.str-chat .str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0} .messaging.str-chat .str-chat__list{padding:0 var(--xl-p) 0;background:var(--white)} .messaging.str-chat .str-chat__list .str-chat__reverse-infinite-scroll{padding-top:56px} .messaging.str-chat .str-chat__list-notifications{background:var(--white)} @media screen and (max-width: 960px){.messaging.str-chat .str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0}.messaging.str-chat .str-chat__list{padding:0 var(--xs-p) 0}.messaging.str-chat .str-chat__list .str-chat__reverse-infinite-scroll{padding-top:56px}.messaging.str-chat .str-chat__list-notifications,.messaging.str-chat .str-chat__list .str-chat__jump-to-latest-message{padding:0 var(--xs-p)}} .messaging.str-chat.dark .str-chat__list{background:var(--white5)} .messaging.str-chat.dark .str-chat__list-notifications{background:var(--white5)} .livestream.str-chat .str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0} .livestream.str-chat .str-chat__list{padding:0 var(--xs-p)} .livestream.str-chat .str-chat__list .str-chat__reverse-infinite-scroll{padding-top:56px} .commerce.str-chat .str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0} .commerce.str-chat .str-chat__list{padding:0 var(--md-p) 0} .commerce.str-chat .str-chat__list .str-chat__reverse-infinite-scroll{padding-top:72px} .commerce.str-chat .str-chat__list-notifications{padding-left:var(--md-p);padding-right:var(--md-p)} .str-chat__virtual-list{position:relative;flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--white);margin:0;width:100%;height:100%} .str-chat__virtual-list p{margin:0 !important} .str-chat__virtual-list p a{white-space:pre-line;overflow:hidden;word-wrap:break-word} .dark .str-chat__virtual-list{background:var(--white5)} .str-chat__message-team{font-family:var(--second-font);position:relative;display:flex;padding:5px 40px} .str-chat__message-team .str-chat__avatar{margin-right:0} .str-chat__message-team-pin-indicator{padding-left:40px} .str-chat__message-team-actions{position:absolute;top:-12px;right:0;display:flex;align-items:center;justify-content:space-between;width:75px;height:24px;border-radius:100px;background:var(--white);border:1px solid #e0e0e0;box-shadow:0 2px 1px 0 rgba(0,0,0,.07);z-index:10;visibility:hidden;padding:0 4px} .str-chat__message-team-actions>span{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:100%;text-align:center;cursor:pointer} .str-chat__message-team-actions>span>span{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:100%;text-align:center} .str-chat__message-team-actions>span svg{fill:#000;opacity:.5} .str-chat__message-team-actions>span:hover svg{opacity:1} .str-chat__message-team-actions .str-chat__message-actions-box{bottom:initial;left:initial;visibility:hidden;right:100%;top:-10px;border-radius:7px} .str-chat__message-team-actions .str-chat__message-actions-box--open{visibility:visible} .str-chat__message-team-group{position:relative;width:100%} .str-chat__message-team-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:50px;padding:0 10px 0 0;justify-content:space-between} .str-chat__message-team-meta time{text-transform:uppercase;color:rgba(0,0,0,.5);font-size:var(--xs-font);margin-bottom:5px;text-align:right;visibility:hidden} .str-chat__message-team-author{font-size:15px;text-transform:capitalize;line-height:40px;margin-left:10px;display:flex;align-items:center;justify-content:space-between} .str-chat__message-team-content{width:100%;padding-left:10px;color:#404040;font-size:15px;line-height:22px;font-weight:var(--font-weight-regular);border-left:1px solid rgba(0,0,0,.1);position:relative;margin:0} .str-chat__message-team-content--image{padding-left:0;border-left-color:rgba(0,0,0,0)} .str-chat__message-team-content p{margin:0;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto} .str-chat__message-team-content p:not(:first-of-type){margin:16px 0 0} .str-chat__message-team-content p a{color:var(--secondary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-team-content p code{background-color:#f8f8f8;border:1px solid rgba(208,2,27,.1);border-radius:3px;padding:2px} .str-chat__message-team-content pre,.str-chat__message-team-content code{font-family:var(--main-font);line-height:inherit;font-size:var(--sm-font);font-weight:var(--font-weight-bold)} .str-chat__message-team-content pre{margin:0 5px 0 0;border-radius:4px;background-color:#f8f8f8;border:1px solid #d3d3d3;padding:10px} .str-chat__message-team-content code{width:inherit;white-space:pre-wrap;word-break:break-all} .str-chat__message-team-content ul{margin:0} .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before,.str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before{content:"";position:absolute;top:0;left:0;transform:rotate(-135deg) translateX(1px);transform-origin:0;width:5px;height:1px;background-color:rgba(0,0,0,.1)} .str-chat__message-team-content--top{margin:5px 0 0} .str-chat__message-team-content--single{margin:5px 0 0} .str-chat__message-team-content--middle{margin:0} .str-chat__message-team-content--bottom{margin:0} .str-chat__message-team-text--is-emoji{font-size:var(--xxxl-font);line-height:42px} .str-chat__message-team-status{position:absolute;left:100%;bottom:1px;line-height:1;display:flex;justify-content:flex-end;align-items:center;z-index:11} .str-chat__message-team-status-number{font-size:var(--xs-font);margin-left:4px;position:absolute;left:100%;color:rgba(0,0,0,.6)} .str-chat__message-team-status>.str-chat__avatar{align-self:flex-end;margin-right:0} .str-chat__message-team-status>.str-chat__tooltip{display:none;max-width:300px;min-width:100px;text-align:center} .str-chat__message-team-status:hover>.str-chat__tooltip{display:block} .str-chat__message-team-status::after{position:absolute;bottom:100%;right:0;content:" ";width:15px;height:15px} .str-chat__message-team-failed{border:0;background:none;display:flex;align-items:center;color:#ea152f;cursor:pointer;margin:5px 0;font-size:var(--sm-font);padding:0} .str-chat__message-team-failed svg{margin-right:7px} .str-chat__message-team-form-footer{display:flex;justify-content:space-between;padding:10px 0 5px} .str-chat__message-team-form-footer-angular{justify-content:end} .str-chat__message-team--bottom .str-chat__message-team-meta time,.str-chat__message-team--single .str-chat__message-team-meta time{visibility:visible} .str-chat__message-team--editing{padding:10px;background:#edf4ff;box-shadow:0 0 11px 0 rgba(0,0,0,.06),inset 0 1px 0 0 #006cff,inset 0 -1px 0 0 #006cff;z-index:1} .str-chat__message-team:hover:not(.str-chat__message-team--editing,.str-chat__message-team--error) .str-chat__message-team-content{background:rgba(0,0,0,.03)} .str-chat__message-team:hover .str-chat__message-team-meta time{visibility:visible} .str-chat__message-team:hover .str-chat__message-team-actions{visibility:visible} .str-chat__message-team--error{padding-top:20px;padding-bottom:20px} .str-chat__message-team--error .str-chat__message-team-status{display:none} .str-chat__message-team--error .str-chat__message-team-content{background:rgba(0,0,0,0);border-width:2px;border-color:#d0021b} .str-chat__message-team--error .str-chat__message-team-content p{opacity:.5} .str-chat__message-team--error .str-chat__message-team-content::before{content:"";position:absolute;top:0;left:0;transform:rotate(-135deg) translateX(1px);transform-origin:0;width:5px;height:2px;background-color:#d0021b} .str-chat__message-team--ephemeral .str-chat__message-team-status{display:none} .str-chat__message-team--failed .str-chat__message-team-content--text{border-color:#d0021b} .str-chat__message-team--failed .str-chat__message-team-content--text p{opacity:.5} .str-chat__message-team .str-chat__message-attachment--img{border-radius:0;padding-left:5px;border-left:1px solid rgba(0,0,0,.1)} .str-chat__message-team .str-chat__message-attachment-card{margin:0;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.08)} .str-chat__message-team .str-chat__message-attachment-card--content{background:#ebebeb} .str-chat__message-team .str-chat__message-attachment-card--text{display:none} .str-chat__message-team .str-chat__input-emojiselect,.str-chat__message-team .str-chat__input-fileupload{position:static;top:initial} .str-chat__message-team .quoted-message{align-items:center;padding-left:5px;box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px;width:fit-content;background:#fff} .str-chat__message-team .quoted-message-inner{background:#fff} .str-chat__message-team .quoted-message-inner .str-chat__message-attachment img{padding-left:0;border-left:0} .str-chat__message-team-error-header{font-size:var(--xs-font);color:rgba(0,0,0,.4);font-style:italic;text-transform:none} .str-chat__thread-list .str-chat__message-simple__actions{min-width:30px} .str-chat__thread-list .str-chat__message-team{padding:5px 10px} .str-chat__thread-list .str-chat__message-team-actions{width:60px;min-width:unset} .str-chat__thread-list .str-chat__message-team-actions .str-chat__message-actions-box{top:initial;bottom:-10px} .str-chat__thread-list .str-chat-angular__message-list-host .str-chat__list{padding:0} .str-chat blockquote{margin:0 0 0 5px;font-style:italic;padding-left:20px;position:relative} .str-chat blockquote::before{font-size:var(--xxl-font);content:"“";font-style:italic;position:absolute;opacity:.5;top:2px;left:-5px} .str-chat.dark .str-chat__message-team-error-header{color:rgba(255,255,255,.5);opacity:1} .str-chat.dark .str-chat__message-team-author{color:#fff} .str-chat.dark .str-chat__message-team-meta time{color:rgba(255,255,255,.3)} .str-chat.dark .str-chat__message-team-content,.str-chat.dark .str-chat__message-team .str-chat__message-attachment{border-color:rgba(0,0,0,.4);color:#fff} .str-chat.dark .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before,.str-chat.dark .str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before,.str-chat.dark .str-chat__message-team .str-chat__message-attachment--top:not(.str-chat__message-team-content--image)::before,.str-chat.dark .str-chat__message-team .str-chat__message-attachment--single:not(.str-chat__message-team-content--image)::before{background-color:rgba(0,0,0,.4)} .str-chat.dark .str-chat__message-team-content--image,.str-chat.dark .str-chat__message-team .str-chat__message-attachment--image{border-color:rgba(0,0,0,0)} .str-chat.dark .str-chat__message-team-content p code,.str-chat.dark .str-chat__message-team .str-chat__message-attachment p code{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} .str-chat.dark .str-chat__message-team-content pre,.str-chat.dark .str-chat__message-team .str-chat__message-attachment pre{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item{border-color:rgba(0,0,0,.4)} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item a,.str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item span,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item a,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item span{color:#fff} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item span,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item span{opacity:.4} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item:hover,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item:hover{background:rgba(0,0,0,0)} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file a,.str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file span,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file a,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file span{color:#fff} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file span,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file span{opacity:.4} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card{background:rgba(0,0,0,0)} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--content,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--content{background:rgba(0,0,0,.1);min-height:58px;margin:0;padding:0 16px} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--title,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--title{color:#fff} .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--url,.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--url{color:rgba(255,255,255,.4)} .str-chat.dark .str-chat__message-team-actions{background:#1b1d20;border:1px solid rgba(224,224,224,.03);box-shadow:0 2px 1px 0 rgba(0,0,0,.07);border-radius:12px} .str-chat.dark .str-chat__message-team-actions .str-chat__message-actions-box{background:#6a6b6d} .str-chat.dark .str-chat__message-team-actions>span{border-color:rgba(0,0,0,.04)} .str-chat.dark .str-chat__message-team-actions>span svg{fill:#fff} .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content{border-color:red;border-width:1px} .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content p{color:rgba(255,255,255,.5);opacity:1} .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before,.str-chat.dark .str-chat__message-team--error .str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before{background-color:red;height:1px} .str-chat.dark .str-chat__message-team--editing{padding:10px;background:rgba(0,0,0,.1);box-shadow:0 0 11px 0 rgba(0,0,0,.06),inset 0 1px 0 0 rgba(0,108,255,.1),inset 0 -1px 0 0 rgba(0,108,255,.1);z-index:1} .str-chat__message-livestream{font-family:var(--second-font);display:flex;width:100%;margin:0;padding:10px;border:1px solid rgba(0,0,0,0);position:relative} .str-chat__message-livestream-pin-indicator{padding-left:10px} .str-chat__message-livestream-left{width:30px} .str-chat__message-livestream-left .str-chat__avatar{margin-right:0} .str-chat__message-livestream-right{flex:1} .str-chat__message-livestream-content{position:relative;padding:5px 10px;border:1px solid rgba(0,0,0,0)} .str-chat__message-livestream-content>*{font-size:var(--sm-font);line-height:20px;margin:0} .str-chat__message-livestream-content p{margin:0;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto} .str-chat__message-livestream-content p:not(:first-of-type){margin:16px 0 0} .str-chat__message-livestream-content p code{background-color:var(--white20);border:1px solid var(--primary-color-faded);border-radius:3px;padding:2px 4px} .str-chat__message-livestream-content p a{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none} .str-chat__message-livestream-content pre,.str-chat__message-livestream-content code{font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;line-height:inherit;padding:10px;font-size:var(--sm-font);font-weight:var(--font-weight-bold)} .str-chat__message-livestream-content pre{margin:0 5px 0 0;border-radius:4px;background-color:var(--primary-color-faded);border:1px solid var(--primary-color)} .str-chat__message-livestream-content code{width:inherit;word-break:break-all} .str-chat__message-livestream-content .livestream-quoted-message{background:var(--light-grey);border:1px solid var(--black10);padding:10px;border-radius:5px;margin-bottom:5px} .str-chat__message-livestream:hover .str-chat__message-livestream-actions{display:flex} .str-chat__message-livestream-actions{background:var(--white60);border:1px solid var(--black20);box-shadow:0 2px 1px 0 var(--black5);width:141px;height:24px;padding:0 4px;position:absolute;top:-12px;right:0;border-radius:24px;display:none;align-items:center;justify-content:space-between} .str-chat__message-livestream-actions>span{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:100%;text-align:center;cursor:pointer} .str-chat__message-livestream-actions>span:not(:last-of-type){border-right:1px solid var(--light-grey)} .str-chat__message-livestream-actions>span>span{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:100%;text-align:center} .str-chat__message-livestream-actions>span svg{fill:var(--black);opacity:.5} .str-chat__message-livestream-actions>span:hover svg{opacity:1} .str-chat__message-livestream-actions .str-chat__message-actions-box{bottom:initial;left:initial;visibility:hidden;right:100%;top:50%;transform:translateY(-50%);border-radius:7px} .str-chat__message-livestream-actions .str-chat__message-actions-box--open{visibility:visible} .str-chat__message-livestream-time{font-size:var(--xs-font);line-height:20px;color:var(--black50);flex:2;padding:0 4px} .str-chat__message-livestream-text--is-emoji{font-size:var(--xxxl-font);line-height:42px} .str-chat__message-livestream-author{margin-bottom:8px;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start} .str-chat__message-livestream-author strong{margin-right:8px} .str-chat__message-livestream:hover{background:var(--white5);border:1px solid var(--black5);box-shadow:0 0 6px 0 var(--black5);border-radius:6px} .str-chat__message-livestream .str-chat__message-attachment--img{border-radius:0} .str-chat__message-livestream .str-chat__message-attachment-card{margin:0;border-radius:0;background:var(--white20);border:1px solid var(--black10)} .str-chat__message-livestream .str-chat__message-attachment-card--content{background:var(--white20)} .str-chat__message-livestream .str-chat__message-attachment-card--text{display:none} .str-chat__message-livestream .str-chat__message-attachment-card--url{text-transform:lowercase} .str-chat__message-livestream__thread-banner{text-align:center;font-size:var(--sm-font);padding:8px;margin:8px 10px 0;background:var(--primary-color);border-radius:2px;color:var(--dark-grey)} .str-chat__message-livestream--error .str-chat__message-livestream-content p,.str-chat__message-livestream--failed .str-chat__message-livestream-content p{color:var(--red)} .str-chat__message-livestream--error .str-chat__message-livestream-content p svg,.str-chat__message-livestream--failed .str-chat__message-livestream-content p svg{position:relative;top:2px;margin-right:4px} .str-chat__message-livestream--failed .str-chat__message-livestream-content p{cursor:pointer} .str-chat__message-livestream--initial-message{margin:20px 10px 0;width:auto} .str-chat__list--thread .str-chat__message-livestream__actions{min-width:30px} .str-chat__list--thread .str-chat__message-livestream-actions{width:110px;min-width:unset} .str-chat__list--thread .str-chat__message-livestream-actions .str-chat__message-actions-box{top:initial;bottom:-10px} .livestream.dark.str-chat .str-chat__message-livestream{color:var(--light-grey)} .livestream.dark.str-chat .str-chat__message-livestream:hover{background:var(--white5);border:1px solid var(--black5);box-shadow:0 0 6px 0 var(--black5);border-radius:6px} .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card{background:var(--black10);border:1px solid var(--white10)} .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card--content{background:var(--black10)} .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card--url{color:var(--white80)} .livestream.dark.str-chat .str-chat__message-livestream-actions{background:var(--dark-grey);border:1px solid var(--white5);box-shadow:0 2px 1px 0 var(--black5)} .livestream.dark.str-chat .str-chat__message-livestream-actions>span:not(:last-of-type){border-color:var(--white5)} .livestream.dark.str-chat .str-chat__message-livestream-actions svg{fill:var(--white)} .livestream.dark.str-chat .str-chat__message-livestream-time{color:var(--white);opacity:.5} .str-chat__message-replies-count-button{display:block;border:none;background:none;padding:0;margin-top:var(--xs-m);font-size:var(--sm-font);line-height:15px;font-weight:var(--font-weight-bold);color:var(--primary-color);cursor:pointer} .str-chat__message-replies-count-button svg{fill:var(--grey-whisper);margin-right:var(--xxs-m)} .dark.str-chat .str-chat__message-replies-count-button svg{fill:var(--white10)} .dark.str-chat.team .str-chat__message-replies-count-button svg{fill:var(--black40)} .str-chat__modal{background:var(--modal-overlay-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center} .str-chat__modal--open{display:flex} .str-chat__modal__inner{max-width:100%;background:var(--white);padding:var(--md-p);border-radius:var(--border-radius-md)} .str-chat__modal__close-button{position:absolute;top:0;right:0;padding:var(--md-p);font-size:var(--md-font);line-height:10px;color:var(--white);cursor:pointer;display:flex;align-items:center;background-color:rgba(0,0,0,0);border:none} .str-chat__modal__close-button svg{position:relative;top:1px;margin-left:var(--xs-m);fill:var(--white)} .str-chat__modal__close-button:hover{opacity:.79} .str-chat__modal .str-chat__edit-message-form{max-width:100%;width:var(--modal-edit-message-form-width)} .str-chat__modal .str-chat__input-emojiselect,.str-chat__modal .str-chat__input-fileupload{position:relative;top:unset;right:unset;padding:0;width:auto} .str-chat.dark.messaging .str-chat__modal__inner{border:2px solid var(--white);background:var(--black)} .str-chat__exit{display:flex;width:86px;justify-content:space-between} .str-chat__message .str-chat__reaction-list::after,.str-chat__message .str-chat__reaction-list::before,.str-chat__message-commerce .str-chat__reaction-list::after,.str-chat__message-commerce .str-chat__reaction-list::before,.str-chat__message .str-chat__reaction-list,.str-chat__message-commerce .str-chat__reaction-list{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAABlCAYAAADzoZs0AAAAAXNSR0IArs4c6QAAB1xJREFUeAHtWlmIHUUUnTiOuEaNcU0M6KeKC4gGRVETTRTXAUX9yY8EQQioCC5ffsQvlw+JIkIURBH8EB0DiismioIhGjEKUZGZSeIoJrhmcT3nTZ83t8vqruruybzunnfhvHvrbn1vVfXr5b05A/l0JMzDwFnAIuBkYAioC+1GIT8C48B64F3ge8BLc7zagYHjoV8JXA0cnOHjU/8LJXOSkyTrOCH7ZFT2Zyj+H4SOAGuACTeNirD6czB4DDjaKhsm70G99wNv27oH7QDyDcDDwOEAJ6Kp4Km2HPgD+AzokF3Zc6FZC1jdpFezP+9C+W+yBTV2COSXgQWJTucchimiv84bGiTLv6o9dbASA9/xuaWvBXYckCS8B3whoObJfaC7fKwsX6uzcqxdfmW5PaZkLuQqDfjN+xagxqlvG/FbetmB+OB11P2iim02tI3dPEX93fiyY/a3nM2eVzYD4rjdSOKu3DGaD/mJh/xNaGXxYjZ7KmAPXjlrTRMsZLPEbGh2Pr+U2GwsaVLIrax4q5OP5fSTj2Isl83GWNmNd/3z7J1GeTN9lD1iQNYBbGKfzpdGfuJ5Pnk2G++TfbpdXNUtwEm+zC3Tbec23gRwJuoAzq9vVcrWZvOtZ5LjgPeAOj2nopxpJV7fl3JlfwB4o1x29poQ9wb6G2WhJJ6z64C5HLSM+CDAx70x3Sb+isE4cBVgVwrD3HPItXNsSZOpnLRJZ+Usu81V1v9eBH7MYDVLeSvAvb2Yg4RUWFYxrl1+4kwjHyvH2uUnbnNYWXbLaX8ceJYCyTbLMWeAr2POBmxg0+S9qP8+4BmgS2zCR09AyS3dNOKjHL9sVwOjbvFZzfJm4wWgyhORe6z9MeYK7gJ2AO8DfNvyHeClrGbpzJdu7wB8uI8hzuqXwAfA5wl2gv8O/AX0nPKaZXEXAs8DvB5n0W8wvARw609kOdVB735BuTWNQcFr8BmuIRm/Cn4zwIs2V7DxxNvJbwE2LvAydR3QSnoOXfGmg/gauAxoLd2GzrYluKm1XSaN8dcCNrum7Y2yv3nAZoAvnBtLg5GV/wk/Xrw3RfrX0i10nT0BVV8KXATw55FjgTqt7j7UwysEbw0/BXgH9Qvgpaxmedd0B3ANkHdD4SYNvfEP2d187jgUvwcBvPY/DfClRIp8zS6Bx0NAkV/cU0lrMPgJNdwJdH+bZU1usyugu5uGFhC3+IPAiHqxzV4O5aMytITz4YQLyPO5u7InQuZe59blBPDc8JFsmqTQOVTU7jtmEZ2vPn55DQN7del5AIPTATVB7gPUXR8ry9fqrBxrl19Zbo8pmb928HF1A5PyqYZPLUW+deHeKOLz9BK+keBrRq1w0Q5C29TNV9TfjS87HkLg9WyWNwxliTuDJO7KHaP5kJ94yN+EVhYXs1n+Rc8evHLWmiY4hc3OnyXNDvFLqciqypfcyhh2yOrkYzmd5DMZkf6UzcZY2Y13/fPsg2yWbwBtwjw5L5k9MP18ZH18x2GMfGLiXX/FKre17+Y23g4soLbltIUruwHQTPSac761OlYuW5fNsZHNrgN4/asDqVE1x5qkK1OfYvnyYYTNjgK8g9IB2shfR3871TmvtVQ0+RkW5XvpZ2ivBCZ0m8hXGfxxaBlgVxbD1DbS5MjHtXNsKeQfsttclIv6M4YP8ZspqFnKXwFMdj4HCYWSu3aOLZhGPlaWj9VZWXaXWx8ru34aPwKnF+lIss1y/BEwDlwC8LKkoCbytaifzXaJTfhoEZR8xuXbC36JNY34ImKVW7S7srLzpH4NeAWgfBDAieGjEle8zvQhilsJ/O9ymrWyvWiGk3gEMA/gW5MzgQuA04DYOnk3uBTw/nwamwTxPSO+SbkduBE4LKeKv2G7BeD3TuNpLjp4EuBNkA+rG9+hp4Fh6L4Bxgy2Qj4GaCVdga74b4DxBLzMtJpuRXfbEqxodadJc08lzfKbu/XEl99fAIfGdJp1UxETWweffSiC/8P6JKYYXmc7P/rEODfdh/e9eTcWspH7wP7lQ7kqKZeOxXzS+XLLFuWv+1wF5SXMs+XF++LydDaXZHFfnLVJFk/5s1mvIeXVkkHo8U0TQW7lrPatj5Wz/F29jbGy/KzOyrLn8piVVVImkizuS25tksV9/q7O+koWp69Ptjo3X3cc02zXuelCaBuH+tOMkls5FCe7jbGy7EW5zWHlTp7pWFklZULJ4jHFWl/J4jHxro+Nldzh09Gse7DajmdVs1XP2dquoq+wWbWybJakE3lyFP/Zq3+/xFdoPKuurCZJnKmtbA7Ve7Fqs73voEAFbrON2pbos1C9Omc1P9qC4tRbWX514apNPLded2Xr0sR+qWOmmy207dBxUf/cSXK3ca7zNBi13cSZ0sruIWQTD/m78anxTK9s6uAzPQg1624jtz7OuHxcm28sX3JSKL6o/2TWqc9UfGgba/uIT6WZkvJsU16TknzFqbVyVf+YeNenP+7PQH8G+jPQn4H+DPRnoD8D/RnozwBn4D+v+waVAaJgXQAAAABJRU5ErkJggg==") no-repeat;background-size:59px 101px} @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx){.str-chat__message .str-chat__reaction-list::after,.str-chat__message .str-chat__reaction-list::before,.str-chat__message-commerce .str-chat__reaction-list::after,.str-chat__message-commerce .str-chat__reaction-list::before,.str-chat__message .str-chat__reaction-list,.str-chat__message-commerce .str-chat__reaction-list{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAADKCAYAAABwr7QfAAAAAXNSR0IArs4c6QAAD1xJREFUeAHtXWvMXUUVBQSk8ioIRIhAkQQ0IIGGIopYIEgKqIAYkD9YhRjiDx9Rf8kPfER+KaaRBJGnIsRKFWtaNSEgKNiCQEEJUIVaq7xBbHlYS8G17nfX7b7T85pzz7nfnfPtnazOPjN79sysfWfOOXPO+brtNs3IAXBzJHAE8G5gT2B3YGfAJZuB15H9KrAeWAf8HfgTcDfwGjCSbDtCbQbv9D4YTJdmGNgINyuB2/t4qY7bOoHdAw1dAJwD7FinUa9TmYH/wvL6Pji7K0tMYLeD188ADOrbKrfghk0w8CKcXAEsAbiEl0rVwO4HT98Gjir16AZtMrAazj8PPFXWyFvKDFB+HPBDYA7AH4IFDnvHTCn6ocjG5lld5WFqbaiH0rT/SfcXjn8vZPC65kHg6bDQHpcF9mQYfxeYZSsZPZYYVlUd42agqoxpFmgoG6vL1uZRD0V18+zLysftT/1UyvYZi48AzwGPAplSFFhWvhTYPrOmZ04nA4zbicAzwCNZHdEvNCybi4yrgTCobyKPdZhmicry/MbWH9U+7E/oLyzPGpPNC+vbMupl/mLrl9nzQupC4H42biUrAFzHFwN7W0PXJ5aBf6NnvPUcOufyFsYKA30Z4EG1rEy2zn2Fy4Gh1XXoAIVnA35LAxISk0PR33OBn6jfdinmpsNygEuxS3oMcBNjAdDbobJXxbzx5T2rS5oM8DaIF1sr2X3N2J2g/x7wrUKykq7wqdDJwEu6eOJuhgc13YCq55y1XI63UWDPUomnyTNwIkfAq+J9AG5IuHSDgWMwjFmcsUd3Yzw+ij4Db0V6AmcsX2nRRVS/rHJStuVFv7KhU+lMKWXlU1Zb/i2zD8u31GxHC8cTthL2J7QvK6/r71gG9vCwdsQxO0ZROnU0/K8tk640rKt8pcOepo5smXSlob+s+k3mqV2lWb5tmXSlYX+Vr7Suvzlcit+eVdvzkmZgfwZ2NsBfSBY4uiq/HtUN7VW3arnslI7qr6y+2slLw/o8tsJ6FNWX3svs5yvP2uaVy49S1c2zzyvfhQ4eBuwOlJx4mi4DmzljN6Xbf+95HgO8eOI2FHcsXLrDwGucsRu6Mx4fSZ+BlxnYfzgdnWPgSS7FfwU+1LmhzewBreGMfWhmc9DJ0a/g7Q4f190L7NDJIc68Qf0PQz6GSzFfpVjFA8AlfQbuwxBe5VJM+eVU4v92gIHbOAYuxRR+DrkC2JUHLskywM8u5wMvcimmcF3+ObAQcEmXAb5+yrcVBzOWOr9QvwPwXSiykZ7wy3fO1lfYdZ1jqTPSP6BiREs1U6vLxObJpihlPdWxelGdojLrg3qZqG35pL3ysuqqLM8+LJddXhq2F1s/9Gv9XYmDXlBtJnUKK/4KeA8PXJJh4HH09FRgs3psZyzz+OrG54D/8MAlCQa4BF8IDILKXmspoG6FW4xXAbq4smWuTw4D/Izy08BdYZfyHrCvheEzwElAXvBDX348fga+hSZ56txK8gJLQ75ZwWe1x/PAZaIY4ExlUK/L61VRYFnnfoDvqc4DOHMd08/BesThs0DmTEV+T8oCSyOu3/sCo7ymSj8uozPwBFycB/y5zFXM+fNqOOM512X8DPAuhX+SifsMXIZLJSawO8Dbz4AjS726QVMMcO/3JuA7wMsxTmMCS7+7AEuBd/HApRUGuG//AHArwP37F4BoiQ0sG+D5lo/5+JXeJAk3V1ISbihwRnIb8ElgLfAH4NfAYGsQei2pE1g29F5gCcAr5raFBHDgvHDg+1m8DVsDcGkiARv6emqBRbfbk7qBZY/OB77ZUtf4S14J8NfLpX/kXzB8zCgZJbAkildp/DRefjhrqGv2SFc5ioYktH8IpdcAy4GNQ5Z+EMVAHuFVnewGwzuBPatWyLHjy3S88rs7p9yzIxmoskFR5JKz6jmg9wctigxzyh5DPndRvgesy7Hx7BoMjDpj1eRvofAZbrj0hkutyt+A7XXANwDqLg0zMOqMVXd4cXNa/8D+WKQzlf409AuBGwCdi6G6NMmAyG7C5x/h5J0ljv6G8rMAPhx2aZGBpmYsuzgL4CM+zc4wfQJlZwIeVJDQtmzXYANFj5EYVJ+pDZJd5qrJwK5FY09lNMi3H88GmLqMiYEmA8su3wfYJZhXvF8AeEvkMkYGmg4s70utXIuD222G6+NhoOnAcjmW/AXKJTrwNG0GjkD39QjqkLSHknbvm56xfGWV8lNgdU/zfzrBAB8K8EUr3tO6TCMDTW5QcBh8KM7/B4avdrhMIwO8NWlCOEPfD8wD5gD7A5y9/PsW2wMu2QzwLRC+gfgC8CjA59GrgH8CI8kogZ2Nlk/s431Ix/GazEiDTajyw+jrMoBvkHAFjJY6geUs/BRwPuDn0mjKoypshPVNwDXA+piaMYHlksqtwYuAUd+YiOmj2069uHcFiLgBqPSos2pg94XDRYDfm4KEaZR70PbXgGfL+lDlqvgoOOHnBbwg4g/BAoe9Y6YU/VBkY/OsrvIwtTbUQ2na/6T7C8fP591nANzV40ZQrmhgeQZ81HYxwM87XCaHAZ57vwzcmdelohn7cVT6OlBkk+fX89tlgNc7pwBrgMezmsqbsXNhfBUQzlSeuFkn7wSusjy/sfVHtQ/7E/oLyzG0Qgnrh8Zl/mLrl9lvQgd4d8LboyHJCsA7YLEY2GPI0g8mlQG+3HAOMPTKUbjMcopfC/Ak7ZIGA7uim4cBS213GUgr5+LgUJvhehIMHIteng5wt6ondinmjtJvgD2nivzfxBjg+9qnAfy+duiKlztKxzPTJUkG+FH6ZuBe9l4zlhv6twK+90tW0hU+KZoPbNIbFAtw4EFNN6Dq+e5QPswDBfYklXiaPAPcWOo9BOdMnQdoWWa+S7oM8Ap5N87YEwB/SA4SOiKM6VzexzLCdWdr2ZYX/coG6kBnHqWsfMpqy79l9mH5lprtaBqbxhO2EvYntC8rr+uvF9g5Ye2IY3aMonTqaPhfWyZdaVhX+UqHPU0d2TLpSkN/WfWbzFO7SrN82zLpSsP+Kl9pXX+HcdryOatLtxjYi4HljS1/IVngcKv8elQ3tFfdquWyUzqqv7L6aicvDevz2ArrUVRfei+zn688a5tXLj9KVTfPPq98Ns+x3ErMk6zOhLayYb50pTbP6nnltLEiO6Usy9Kz8qxtXrltK0tXPaVFNlXakx+ltk6R7zx75SuVv105Y21mlnPPS4+BTZyxrwF89OPSHQZ6/7cd30Z36RYDG7gUF77t1q3xzpjRrOVSvAY4esYMeWYMdDVn7IqZMdYZNcoHeUXM2517gB1n1NC7O9hXMbSjuRRT4V97+QDgkj4DjOXrXIopt00l/m8HGLiFY9DmBF9g+x3gb1GAhISFfySNK+9mLsUUZvA7zAt44JIsA4vRc77QNpix1HcG7gD4YptLegysR5f5lukr7LrOsdSZcSUVI1qqmVpdJjZPNkUp66mO1YvqFJVZH9TLRG3LJ+2Vl1VXZXn2Ybns8tKwvdj6oV/r7/s46AXVZlKn8COsZcDBPHBJhoFV6Cn/2sBA9IsZZEA5APgF4EuyZWVydV4ffRTglwADyQosC48DrgV0ccU8l8ljgB9ALwRWhl0Lv7ZT+TooG4D5yvB04hjg1e9XgMw9iLzAchRct/nJAGevvcjCocsEMHAJ+nBzXj/ylmJrz8BeDvDzAZfJYOAydGNRUVeqzMS74OBM4IkiR142NgauR0uFQWVPipZi29OXcHAjwG8v+fX0ToDL+Bngn+D7apVmqyzFoR++rso/RXMe4AEO2WnvmFe+5PyNKk1UnbHWF2ftHQD3lp8H+N3PPkAdX6jmUoGBx2DzSYB/JaaS1JmxWY65z3wq8EHgQGA/gHmc0W3dC78J321IU5w01Te+k/YxgJOoskzaICp3vEVDXlDydGNxEI55bXEIQH1fYBwrFF+COANYDUSJBzaKroEx38Mm4QuAY4C2PkPltczNQLR4YKMp26oCTzfcq10IHA6QU50mpOfxTDvZQB3ozFsCfImZdSSvwTq+vM7UR+RfBBFzRyTjWdSfDwwew8X688DGMlbNnh+TXwocXM18K6uLkLN8q9yIjCo7TxHu3LTPwAqk/OstPwa0LLNIE4mp1VkmeQDKSEGlo3Fc2anDMy3lRgKfvDBQfGWFV9kUBdTqCjTTi4HHWTiK2EZG8eN1ixnYC8W3AAcWm/X243luHVl8KR6ZwkoOnofVWcA6wM7OUP9RJW8VjHzGViCpQZO94WspsH+GT56LeTX9XEZZdJbP2GjKRqrAoH0CWJ/hZS3yGgkqfXtgMxhuOetf8M9Hb5yhdim+t8l2PbBNslnd1zKY8umYlUftgevpMsBJdTvAGUycArh0hIEjMA5eKfPR3EEdGZMPo8/AIqQMLD9Ad+kQA7thLI8Ajd56+pbi9P9CNqILfDn/wSa7wl/JqiYduq/JYMBvdyYjDo33wgPbOKWT4ZBvEDZ60p6MYXkvfMZ29Dfgge1oYH0p7mhgfcZ6YDvKQEeH5UtxRwPrS7EHtqMMdHRYvhR3NLC+FHtgO8pAR4flS3FHA+tLsQe2owx0dFi+FHc0sL4Ue2ArMaCH9kytXqlyUCervs2zelX/bdvZPlm9aru2jtVV3+ZZXeWDtI2lWA2yEelKBw0XKNZWulLr0+q2vMD1WIpsX6QrrdIBaytdqR2z1W15rw1fiqtQnaCNBzbBoFXpchtLcZV23aZlBnzGtkzwdLlXYHny1QlY6XT1ybarvrTVv7b927HU0Wv3L1yKraM6HWmjjvpE39KVNtGe9SVdaRP+R/Vh+yJdaa5vzdhcAy9IkwEPbJpxK+11uBSXVnCDNBjwGZtGnKJ76YGNpiyNCr4UpxGn6F76jI2mLI0KHtg04hTdS1+KoylLo4LP2DTiFN1LD2w0ZWlU8KU4jThF99JnbDRlaVSIDayeKjDNAkctmyoMyFa+yuq3bV/W57B99VtpWf9D/6G/svqV7essxXIedtJ2qsgmrGdtpSsNbW0bVm/SPqtNm1elrSIb68uOwepF9W2ZdKUD37EzdlDRlclmwAM72fGp3bs6S3Htxrzi+BjwGTs+rsfaUmxgdZJmavW6nbY+rF7Vn61j9ar1Y+1sG1aP9SN768PqKi9LbR2rl9XzcmfAGXAGnAFnwBlwBpwBZ8AZcAacAWfAGXAGnAFnwBlwBpwBZ8AZcAacAWfAGXAGnAFnwBlwBpwBZ8AZcAacAWfAGXAGajLwfxl32/D8bG1CAAAAAElFTkSuQmCC")}} @media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-resolution: 3dppx){.str-chat__message .str-chat__reaction-list::after,.str-chat__message .str-chat__reaction-list::before,.str-chat__message-commerce .str-chat__reaction-list::after,.str-chat__message-commerce .str-chat__reaction-list::before,.str-chat__message .str-chat__reaction-list,.str-chat__message-commerce .str-chat__reaction-list{background-image:url("/assets/str-chat__reaction-list-sprite@3x-uX8WrT64.png")}} .str-chat__message .str-chat__reaction-list,.str-chat__message-commerce .str-chat__reaction-list{position:absolute;right:15px;top:-28px;z-index:1;height:33px;width:initial;background-position:0 -66px;background-repeat:repeat-x} .str-chat__message .str-chat__reaction-list.str-chat__reaction-list-hidden,.str-chat__message-commerce .str-chat__reaction-list.str-chat__reaction-list-hidden{display:none} .str-chat__message .str-chat__reaction-list ul,.str-chat__message-commerce .str-chat__reaction-list ul{position:relative;list-style-type:none;padding:0;font-size:var(--lg-font);line-height:26px;display:flex;justify-content:center;margin:-1px -16px 0 0;z-index:888} .str-chat__message .str-chat__reaction-list ul button,.str-chat__message-commerce .str-chat__reaction-list ul button{cursor:pointer;background-color:rgba(0,0,0,0);border:none;display:flex} .str-chat__message .str-chat__reaction-list .emoji-mart-emoji,.str-chat__message .str-chat__reaction-list .str-chat__emoji,.str-chat__message-commerce .str-chat__reaction-list .emoji-mart-emoji,.str-chat__message-commerce .str-chat__reaction-list .str-chat__emoji{display:flex} .str-chat__message .str-chat__reaction-list::after,.str-chat__message .str-chat__reaction-list::before,.str-chat__message-commerce .str-chat__reaction-list::after,.str-chat__message-commerce .str-chat__reaction-list::before{position:absolute;content:"";top:0;height:33px} .str-chat__message .str-chat__reaction-list::after,.str-chat__message-commerce .str-chat__reaction-list::after{right:-26px;width:26px;background-position:-33px -33px} .str-chat__message .str-chat__reaction-list::before,.str-chat__message-commerce .str-chat__reaction-list::before{left:-13px;width:13px;background-position:0 -33px} .str-chat__message .str-chat__reaction-list--reverse,.str-chat__message-commerce .str-chat__reaction-list--reverse{right:initial;left:15px;position:absolute} .str-chat__message .str-chat__reaction-list--reverse ul,.str-chat__message-commerce .str-chat__reaction-list--reverse ul{margin:-1px -4px 0 -16px} .str-chat__message .str-chat__reaction-list--reverse::after,.str-chat__message-commerce .str-chat__reaction-list--reverse::after{right:-13px;width:13px;background-position:-46px 0} .str-chat__message .str-chat__reaction-list--reverse::before,.str-chat__message-commerce .str-chat__reaction-list--reverse::before{left:-26px;width:26px;background-position:0 0} .str-chat__message .str-chat__reaction-list li,.str-chat__message-commerce .str-chat__reaction-list li{display:flex;align-items:center} .str-chat__message .str-chat__reaction-list li button,.str-chat__message-commerce .str-chat__reaction-list li button{padding:0} .str-chat__message .str-chat__reaction-list--counter,.str-chat__message-commerce .str-chat__reaction-list--counter{color:var(--button-background);font-size:var(--sm-font)} .str-chat__message .str-chat__reaction-list .str-chat__message-reaction-count,.str-chat__message-commerce .str-chat__reaction-list .str-chat__message-reaction-count{display:none} .str-chat__message .str-chat__reaction-list .str-chat__tooltip,.str-chat__message-commerce .str-chat__reaction-list .str-chat__tooltip{display:none} .str-chat__message--me .str-chat__message-commerce-inner>.str-chat__reaction-list,.str-chat__message--right .str-chat__message-commerce-inner>.str-chat__reaction-list,.str-chat__message-commerce--me .str-chat__message-commerce-inner>.str-chat__reaction-list,.str-chat__message-commerce--right .str-chat__message-commerce-inner>.str-chat__reaction-list{left:46px} .str-chat__message--me .str-chat__reaction-list,.str-chat__message--right .str-chat__reaction-list,.str-chat__message-commerce--me .str-chat__reaction-list,.str-chat__message-commerce--right .str-chat__reaction-list{right:initial;left:16px} .str-chat__message--me .str-chat__reaction-list ul,.str-chat__message--right .str-chat__reaction-list ul,.str-chat__message-commerce--me .str-chat__reaction-list ul,.str-chat__message-commerce--right .str-chat__reaction-list ul{margin:-1px 0 0 -16px} .str-chat__message--me .str-chat__reaction-list::after,.str-chat__message--right .str-chat__reaction-list::after,.str-chat__message-commerce--me .str-chat__reaction-list::after,.str-chat__message-commerce--right .str-chat__reaction-list::after{right:-13px;width:13px;background-position:-46px 0} .str-chat__message--me .str-chat__reaction-list::before,.str-chat__message--right .str-chat__reaction-list::before,.str-chat__message-commerce--me .str-chat__reaction-list::before,.str-chat__message-commerce--right .str-chat__reaction-list::before{left:-26px;width:26px;background-position:0 0} .str-chat__message--me .str-chat__reaction-list--reverse,.str-chat__message--right .str-chat__reaction-list--reverse,.str-chat__message-commerce--me .str-chat__reaction-list--reverse,.str-chat__message-commerce--right .str-chat__reaction-list--reverse{right:15px;left:initial} .str-chat__message--me .str-chat__reaction-list--reverse ul,.str-chat__message--right .str-chat__reaction-list--reverse ul,.str-chat__message-commerce--me .str-chat__reaction-list--reverse ul,.str-chat__message-commerce--right .str-chat__reaction-list--reverse ul{margin:-1px -16px 0 0} .str-chat__message--me .str-chat__reaction-list--reverse::after,.str-chat__message--right .str-chat__reaction-list--reverse::after,.str-chat__message-commerce--me .str-chat__reaction-list--reverse::after,.str-chat__message-commerce--right .str-chat__reaction-list--reverse::after{right:-26px;width:26px;background-position:-33px -33px} .str-chat__message--me .str-chat__reaction-list--reverse::before,.str-chat__message--right .str-chat__reaction-list--reverse::before,.str-chat__message-commerce--me .str-chat__reaction-list--reverse::before,.str-chat__message-commerce--right .str-chat__reaction-list--reverse::before{left:-13px;width:13px;background-position:0 -33px} .str-chat__message-commerce-inner>.str-chat__reaction-list{left:unset;right:46px} .str-chat__message-commerce--right .str-chat__message-commerce-inner>.str-chat__reaction-list{right:unset;left:46px} .str-chat__message-reactions-list{list-style-type:none;margin:0;padding:0;display:flex} .str-chat__message-reactions-list-item{font-size:var(--xl-font);margin:0 var(--xxs-m);position:relative;line-height:0} .str-chat__message-reactions-list-item button{padding:0} .str-chat__message-reactions-list-item span[role=img]{position:relative;display:block;top:-2px;transition:transform 100ms ease} .str-chat__message-reactions-list-item span[role=img]:hover{transform:scale(1.4)} .str-chat__message-reactions-list-item__count{position:absolute;top:28px;font-size:var(--xs-font);color:var(--white);font-weight:var(--font-weight-bold);left:6px} .str-chat__message-reactions-list-item .latest-user{width:20px;height:20px;position:absolute;top:-24px;left:0} .str-chat__message-reactions-list-item .latest-user-tooltip{display:none;text-align:center;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%, 0);background:var(--black80);border-radius:var(--border-radius-sm);background-image:linear-gradient(-180deg, transparent, var(--black50));max-width:237px;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);color:var(--white)} .str-chat__message-reactions-list-item .latest-user-tooltip::after{content:"";position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%, 0) rotate(45deg);width:7px;height:7px;background-color:var(--dark-grey)} .str-chat__message-reactions-list-item .latest-user-not-found{border:1.5px solid var(--white);border-radius:var(--border-radius-round);background-color:var(--secondary-color);width:inherit;height:inherit} .str-chat__message-reactions-list-item .latest-user img{border:1.5px solid var(--white);border-radius:var(--border-radius-round);object-fit:cover;width:inherit;height:inherit} .str-chat__message-reactions-list-item .latest-user:hover .latest-user-tooltip{display:block} .str-chat__message-reactions-list-item .str-chat__emoji-selector-emoji-angular{width:20px;height:20px;top:10px} button.str-chat__message-reactions-list-item{background-color:rgba(0,0,0,0);border:none;padding:0;display:flex} .str-chat__reaction-selector{z-index:999;height:60px;position:absolute;width:initial;background:var(--black);background-image:linear-gradient(-180deg, transparent, var(--border));border:1px solid var(--white5);box-shadow:0 3px 1px 0 var(--border),0 11px 8px 0 var(--border);border-radius:var(--border-radius-round);display:flex;align-items:center} .str-chat__reaction-selector ul{position:relative;z-index:1000;margin:0 var(--sm-m)} .str-chat__reaction-selector-tooltip{position:absolute;bottom:calc(100% + 15px);background:var(--black);border-radius:var(--border-radius-sm);min-width:85px;min-height:24px;max-width:100%;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);color:var(--white);text-align:center} .str-chat__reaction-selector-tooltip .arrow{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%, 0) rotate(45deg);width:7px;height:7px;background-color:var(--black)} .str-chat__reaction-selector .emoji-mart-emoji:hover,.str-chat__reaction-selector .str-chat__emoji:hover{transition:.1s;transform:scale(1.2);cursor:pointer} .str-chat__message .str-chat__reaction-selector,.str-chat__message-team .str-chat__reaction-selector,.str-chat__message-simple .str-chat__reaction-selector,.str-chat__message-commerce .str-chat__reaction-selector,.str-chat__message-livestream .str-chat__reaction-selector{top:-65px;left:0} .str-chat__message-commerce--right .str-chat__reaction-selector{left:unset;right:0} .str-chat__message-livestream .str-chat__reaction-selector{left:unset;top:-70px;right:0} .str-chat__message-team .str-chat__reaction-selector{left:unset;top:-60px;right:0} .str-chat__message-simple .str-chat__reaction-selector{right:unset;left:0} .str-chat__message-simple .str-chat__reaction-selector--reverse{right:0;left:unset} .str-chat__message-simple--me .str-chat__reaction-selector{left:unset;right:0} .str-chat__message-simple--me .str-chat__reaction-selector--reverse{right:unset;left:0} .str-chat__send-button{margin-left:var(--xs-m);border:0;background:0;outline:0} .str-chat__send-button:focus{outline:5px auto -webkit-focus-ring-color} @media screen and (min-width: 768px){.str-chat__send-button{display:none}} .str-chat__send-button .str-chat__send-button-angular svg path{fill:var(--primary-color)} .str-chat__simple-reactions-list{list-style-type:none;padding:var(--xxs-p) var(--xxs-p) calc(var(--xxs-p)/2) var(--xxs-p);display:inline-flex;margin:var(--xs-m) 0 0 0;border:1px solid var(--border);border-radius:var(--border-radius-sm);line-height:1;position:relative} .str-chat__simple-reactions-list-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%, 0);background:var(--overlay-dark);border-radius:var(--border-radius-sm);background-image:linear-gradient(-180deg, transparent, var(--black50));min-height:24px;width:auto;max-width:275px;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);color:var(--white);text-align:center} .str-chat__simple-reactions-list-tooltip>.arrow{position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--overlay-dark)} .str-chat__simple-reactions-list-item{margin:0;cursor:pointer} .str-chat__simple-reactions-list-item>span{line-height:1} .str-chat__simple-reactions-list-item .emoji-mart-emoji:hover,.str-chat__simple-reactions-list-item .str-chat__emoji:hover{transition:transform .2s ease-in-out;transform:scale(1.2)} .str-chat__simple-reactions-list-item--last-number{font-size:var(--xs-font);display:flex;align-items:center;color:#000} .dark.str-chat .str-chat__simple-reactions-list{border:1px solid var(--white10);border-radius:var(--border-radius-sm)} .dark.str-chat .str-chat__simple-reactions-list-item--last-number{color:var(--white)} .str-chat__small-message-input{display:flex;flex-wrap:wrap;margin:var(--xs-m);padding:var(--xs-m);position:relative} .str-chat__small-message-input .rfu-file-previewer{flex:1 1 100%} .str-chat__small-message-input .rfu-image-previewer{flex:1 1 100%} .str-chat__small-message-input__wrapper{position:relative;z-index:0;width:100%} .str-chat__small-message-input-fileupload{cursor:pointer;border:none;padding:0;background-color:rgba(0,0,0,0)} .str-chat__small-message-input-emojiselect{bottom:10px;right:6px;cursor:pointer;border:none;padding:0;background-color:rgba(0,0,0,0)} .str-chat__small-message-input .str-chat-angular__emojiselect{width:auto;height:auto;left:15px;max-width:20px} .str-chat__small-message-input .str-chat-angular__cooldown{position:absolute;top:50%;transform:translateY(-50%);right:15px} .str-chat__small-message-input .rfu-file-upload-button{bottom:9px;right:26px} .str-chat__small-message-input--textarea-wrapper{flex-wrap:wrap;flex:1 0;position:relative} .str-chat__small-message-input-emojiselect,.str-chat__small-message-input .rfu-file-upload-button{position:absolute;cursor:pointer;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background-size:44px 44px;fill:var(--grey)} .str-chat__small-message-input-emojiselect:hover,.str-chat__small-message-input .rfu-file-upload-button:hover{fill:var(--black)} .str-chat__small-message-input-emojipicker{position:absolute;bottom:100%;right:0;transform:scale(0.8);transform-origin:100% 100%} .str-chat__small-message-input-has-attachments .str-chat__send-button{display:block} .str-chat__small-message-input--send-button{background:none;border:none;cursor:pointer;flex:0 1;outline:0} .str-chat__small-message-input--send-button:hover{opacity:.69} @media screen and (min-width: 768px){.str-chat__small-message-input--send-button{display:none}} .str-chat__small-message-input textarea{background:var(--grey-whisper);color:var(--black);min-height:36px;font-size:var(--sm-font);padding:10px 44px 8px 8px} .str-chat__small-message-input textarea.str-chat__angular-textarea{padding:10px 35px 8px} .str-chat__small-message-input textarea:focus{height:36px} .str-chat__small-message-input .str-chat-angular__textarea{position:relative} .str-chat__small-message-input .str-chat-angular__textarea+.str-chat__fileupload-wrapper .rfu-file-upload-button{right:15px} .str-chat__small-message-input .str-chat__emojisearch{bottom:100%} .str-chat__small-message-input .str-chat__user-item{font-size:var(--md-font)} .str-chat__small-message-input .rfu-file-upload-button{position:absolute;cursor:pointer;right:28px} .str-chat__small-message-input .rfu-dropzone .rfu-dropzone__notifier{z-index:1000} .dark.str-chat .str-chat__small-message-input textarea{background:var(--white5);border:1px solid var(--black20);border-radius:var(--border-radius-sm);color:var(--white)} .dark.str-chat .str-chat__small-message-input .rfu-file-upload-button svg,.dark.str-chat .str-chat__small-message-input .str-chat__small-message-input-emojiselect svg{fill:var(--white)} .str-chat__thread{background:var(--grey-whisper);flex:1 0 300px;min-width:300px;max-width:300px;font-family:var(--second-font);overflow:hidden;max-height:100%;display:flex;flex-direction:column;padding-top:0} .str-chat__thread .str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-left:var(--md-p);padding-right:var(--md-p)} .str-chat__thread.str-chat__thread-container{max-height:100%;display:flex;flex-direction:column;width:100%} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message{padding-left:var(--md-p);padding-right:var(--md-p)} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message .str-chat__message-inner{min-width:0} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message .str-chat__message-attachment--image,.str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2)} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message--me .str-chat__message-attachment--img,.str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message--me .str-chat__message-attachment-card{border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message--with-reactions{padding-top:var(--xl-p)} .str-chat__thread.str-chat__thread-container .str-chat__parent-message-li .str-chat__message:not(.str-chat__message--has-attachment){padding-top:var(--xs-p)} .str-chat__thread--full{max-width:100%} .str-chat__thread-header{position:relative;width:100%;background:var(--grey-whisper);box-shadow:0 1px 1px 0 var(--border);height:70px;min-height:70px;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sm-p)} .str-chat__thread-header-details{font-size:var(--md-font);font-weight:bold} .str-chat__thread-header-details .str-chat__thread-header-channel-name{font-size:var(--sm-font);font-weight:normal} .str-chat__thread-start{border-radius:var(--border-radius-sm);margin:var(--xs-m) var(--xs-m) 0 var(--xs-m);padding:var(--xs-p);background:var(--grey-whisper);text-align:center;font-size:var(--sm-font)} .str-chat__thread-list{height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding-top:var(--sm-p)} .str-chat__thread-list .str-chat__list{padding:0} .str-chat__thread-list .str-chat__message:first-of-type .str-chat__message-inner{margin-left:unset;margin-right:unset} .str-chat__thread-list .str-chat__message-attachment.str-chat__message-attachment--file{border-radius:var(--border-radius-md);border-bottom:1px solid var(--grey-whisper)} .str-chat__thread-list .str-chat__message-attachment.str-chat__message-attachment--media{width:100%} .str-chat__thread-list .quoted-message{display:flex;align-items:flex-end;margin-bottom:var(--xxs-m)} .str-chat__thread-list .quoted-message-inner{display:flex;text-align:start;align-items:flex-end;background:var(--grey-whisper);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) 0;max-width:408px;padding:var(--xxs-p) var(--xs-p)} .str-chat__thread-list .quoted-message-inner .str-chat__message-attachment.str-chat__message-attachment--file{display:none} .str-chat__thread-list .quoted-message-inner .str-chat__message-attachment-card.str-chat__message-attachment-card--image{border-radius:unset} .str-chat__thread-list .quoted-message-inner .str-chat__message-attachment.str-chat__message-attachment--card{border:none;border-radius:var(--border-radius-md)} .str-chat__thread-list .quoted-message-inner .str-chat__message-attachment--image:first-of-type{max-height:48px;max-width:48px} .str-chat__thread-list .quoted-message-inner .str-chat__message-attachment img{border-radius:var(--border-radius-md)} .str-chat__thread-list .quoted-message-inner :nth-child(2){margin-left:var(--xs-m)} .str-chat__thread-list .quoted-message.mine .quoted-message-inner{background:var(--white)} .messaging.str-chat .str-chat__thread{margin-right:var(--xs-m);margin-top:var(--sm-m);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;overflow:hidden;background:var(--white);max-height:100%;display:flex;flex-direction:column;padding-top:0} .messaging.str-chat .str-chat__thread.str-chat__thread--full{position:fixed;top:0;right:0;height:100vh;background:var(--white);z-index:1000;margin:0;width:100vw;max-width:100%} .messaging.str-chat .str-chat__thread .str-chat__gallery{justify-content:flex-end;border-radius:0} .messaging.str-chat .str-chat__thread .str-chat__gallery-image,.messaging.str-chat .str-chat__thread .str-chat__gallery-placeholder{width:100px;height:100px} .messaging.str-chat .str-chat__thread-list{padding:var(--sm-p) var(--sm-p) 0 var(--sm-p)} .messaging.str-chat .str-chat__thread-list>.str-chat__list{background:rgba(0,0,0,0);padding:0} .messaging.str-chat .str-chat__thread-list>.str-chat__list .str-chat__list--thread{padding:0} .messaging.str-chat .str-chat__thread-header{z-index:1;border:none;background:var(--white);box-shadow:0 2px 9px 0 var(--border),0 1px 0 0 var(--border)} .messaging.str-chat .str-chat__thread-header .str-chat__thread-header-details{width:100%} .messaging.str-chat .str-chat__thread-header .str-chat__square-button{cursor:pointer;padding:var(--xxs-p)} .messaging.str-chat .str-chat__thread-header .str-chat__square-button svg{width:21px;height:21px} .messaging.str-chat .str-chat__thread-start{margin-top:var(--md-m)} @media screen and (max-width: 960px){.messaging.str-chat .str-chat__thread{position:fixed;top:0;right:0;height:100vh;background:var(--white);z-index:1000;margin:0;width:100vw;max-width:100%}} .messaging.str-chat.dark .str-chat__thread{background:var(--white5)} .messaging.str-chat.dark .str-chat__thread-header{background:var(--dark-grey);box-shadow:0 7px 9px 0 var(--black5),0 1px 0 0 var(--black5);color:var(--white)} .messaging.str-chat.dark .str-chat__thread-start{color:var(--white)} @media screen and (max-width: 960px){.messaging.str-chat.dark .str-chat__thread{background:var(--dark-grey)}} .messaging .str-chat__input-flat-quoted .quoted-message-preview-content{max-width:100%} .team.str-chat .str-chat__thread{background:var(--white)} @media screen and (max-width: 960px){.team.str-chat .str-chat__thread{position:fixed;top:0;right:0;height:100vh;background:var(--white);z-index:1000;margin:0;width:100vw;max-width:100%}} .team.str-chat .str-chat__thread-header{height:80px} .team.str-chat.dark .str-chat__thread{background:var(--dt-bg-team)} .livestream.str-chat .str-chat__thread,.str-chat .str-chat__thread{background:rgba(0,0,0,0)} .livestream.str-chat .str-chat__thread--full,.str-chat .str-chat__thread--full{position:fixed;top:0;right:0;height:100vh;background:var(--white);z-index:1000;margin:0;width:100vw;max-width:100%} .livestream.str-chat .str-chat__thread-header,.str-chat .str-chat__thread-header{background:var(--white30)} .livestream.str-chat .str-chat__list--thread,.str-chat .str-chat__list--thread{padding:0 var(--xs-p)} .livestream.str-chat.dark .str-chat__thread,.str-chat.dark .str-chat__thread{background:var(--dark-grey)} .livestream.str-chat.dark .str-chat__thread-header,.str-chat.dark .str-chat__thread-header{background:var(--white5);box-shadow:0 1px 1px 0 var(--black30);color:var(--white)} .livestream.str-chat.dark .str-chat__thread-start,.str-chat.dark .str-chat__thread-start{background:var(--black5);border-radius:var(--border-radius-sm);color:var(--white)} .dark.str-chat.messaging .str-chat__thread-list .quoted-message-inner{background:var(--dark-grey)} .str-chat__typing-indicator{display:flex;visibility:hidden;align-items:center} .str-chat__typing-indicator--typing{visibility:visible} .str-chat__typing-indicator__avatars{display:flex} .str-chat__typing-indicator__avatars .str-chat__avatar{margin-right:calc(-1*var(--xs-m))} .str-chat__typing-indicator__avatars .str-chat__avatar:last-of-type{margin-right:var(--xs-m)} .str-chat__typing-indicator__dots{position:relative;background:var(--white);border:1px solid var(--black10);padding:var(--xxs-p) var(--xs-m);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 2px} .str-chat__typing-indicator__dot{display:inline-block;width:6px;height:6px;border-radius:var(--border-radius-round);margin-right:var(--xxs-m);background:var(--primary-color);animation:wave 1.1s linear infinite} .str-chat__typing-indicator__dot:nth-child(2){animation-delay:-0.9s;opacity:.5} .str-chat__typing-indicator__dot:nth-child(3){animation-delay:-0.8s;opacity:.2} .str-chat__typing-indicator .str-chat__typing-indicator__users{margin-left:8px;color:var(--lighten-grey)} .dark.str-chat .str-chat__typing-indicator__avatars .str-chat__avatar{border-color:var(--dark-grey)} .dark.str-chat .str-chat__typing-indicator__dots{background:var(--white5)} @keyframes wave{0%,60%,100%{transform:initial}30%{transform:translateY(-8px)}} .str-chat__tooltip{display:flex;background:var(--black);border-radius:var(--border-radius-sm);padding:var(--xxs-p) var(--xs-p);color:var(--white);font-size:var(--xs-font);max-width:300px} .str-chat__tooltip button{outline:none;outline:0;background:none;color:var(--primary-color);font-size:var(--xs-font);font-family:var(--second-font);border:none} .str-chat__tooltip a{color:var(--primary-color);text-decoration:none} .str-chat__tooltip:not(.str-chat__tooltip-angular){position:absolute;right:0;bottom:calc(100% + 10px)} .str-chat__tooltip:not(.str-chat__tooltip-angular)::after{content:"";position:absolute;bottom:-2px;right:5px;width:5px;height:5px;background:var(--black);transform:rotate(45deg)} .str-chat__virtual-list{font-size:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper{padding-left:var(--xl-p);padding-right:var(--xl-p);width:100%} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first{padding-bottom:0;padding-left:var(--xl-p)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first .str-chat__avatar,.str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first .str-chat__message-data.str-chat__message-simple-data{display:none} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first.str-chat__message-simple--me{padding-right:var(--xl-p);padding-left:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first.str-chat__message-simple--me.str-chat__virtual-message__wrapper--end{padding-right:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first.str-chat__virtual-message__wrapper--end{padding-bottom:var(--xs-p)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--first.str-chat__virtual-message__wrapper--end .str-chat__message-data.str-chat__message-simple-data{display:block;position:relative;width:100%} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--group{align-items:center;padding-left:var(--xl-p)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--group.str-chat__message-simple--me{padding-right:var(--xl-p);padding-left:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--group.str-chat__message-simple--me.str-chat__virtual-message__wrapper--end{padding-right:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--group .str-chat__message-data.str-chat__message-simple-data{display:block;position:relative;width:100%} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--end{padding-bottom:var(--xs-p);padding-left:0} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--end .str-chat__avatar,.str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--end .str-chat__message-data.str-chat__message-simple-data{display:block} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message{display:flex;align-items:flex-end;margin-bottom:var(--xxs-m);cursor:pointer} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner{display:flex;text-align:start;align-items:flex-end;background:var(--grey-whisper);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) 0;max-width:408px;padding:var(--xxs-p) var(--xs-p)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner .str-chat__message-attachment-card.str-chat__message-attachment-card--image{border:none;border-radius:var(--border-radius-md)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner .str-chat__message-attachment--image:first-of-type{max-height:48px;max-width:48px;border-radius:var(--border-radius-md)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner .str-chat__message-attachment img{border-radius:var(--border-radius-md)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner .str-chat__message-attachment--file:first-of-type{background:var(--white);border-radius:var(--border-radius-md);border-bottom:1px solid var(--grey-whisper);min-width:33%} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner :nth-child(2){margin-left:var(--xs-m)} .str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message.mine .quoted-message-inner{background:var(--white-snow)} .str-chat__virtual-list .str-chat__message.str-chat__message--deleted{align-items:initial;margin:0} .str-chat__virtual-list .str-chat__typing-indicator{padding:5px 40px} .giphy-preview-message{background:var(--white-snow);border-top:2px solid var(--border)} .str-chat__virtual-message__wrapper{display:flex;padding:10px 40px;flex-direction:row;position:relative} .str-chat__virtual-message__wrapper:hover{background:#f8f8ff} .str-chat__virtual-message__wrapper>.str-chat__avatar{margin:0} .str-chat__virtual-message__wrapper>.str-chat__virtual-message__content{padding-left:12px} .str-chat__virtual-message__wrapper .str-chat__avatar--rounded{border-radius:var(--border-radius)} .str-chat__virtual-message__wrapper .str-chat__avatar-fallback{background-color:#789} .str-chat__virtual-message__meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%} .str-chat__virtual-message__data{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;min-width:70px;margin-left:auto} .str-chat__virtual-message__author{color:var(--primary-color);font-size:1rem} .str-chat__virtual-message__date{font-size:.7rem;opacity:.5;padding-left:8px;display:block;margin-left:auto} .str-chat__virtual-message__actions{position:relative;cursor:pointer} .str-chat__virtual-message__actions button{border:none;background:rgba(0,0,0,0)} .str-chat__virtual-message__actions svg{fill:var(--black);opacity:.5} .str-chat__virtual-message__actions:hover svg{opacity:1} .str-chat__virtual-message__actions .str-chat__message-actions-box{bottom:10px;left:unset;right:100%;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius)} .str-chat__virtual-message__content{display:flex;flex:1;flex-direction:column;align-items:flex-start} .str-chat__virtual-message__content .str-chat__message--deleted-inner{padding:8px 0} .str-chat__virtual-message__text{padding-top:5px;font-size:.9rem;display:flex;justify-content:space-between;width:100%;word-break:break-word} .str-chat__virtual-message__text p{padding-right:16px} .str-chat__virtual-message__text a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-bold)} .str-chat__virtual-message__wrapper--group>.str-chat__avatar{display:none} .str-chat__virtual-message__wrapper--group .str-chat__virtual-message__author{display:none} .str-chat__virtual-message__wrapper--group .str-chat__virtual-message__content{padding-left:50px} .str-chat__virtual-message__wrapper--group .str-chat__virtual-message__content .str-chat__gallery{width:100%;margin:0;justify-content:unset} .dark .str-chat__virtual-message__wrapper:hover{background:var(--black20)} .dark .str-chat__virtual-message__text{color:#f8f8ff} .dark .str-chat__virtual-message__date{color:var(--white)} :root { --app-height: 100%; } html, body { margin: 0; padding: 0; height: 100%; background: #212326; } /* body::-webkit-scrollbar { background: transparent; } body { scrollbar-color: transparent transparent; } body::-webkit-scrollbar-track { background: transparent; } body::-webkit-scrollbar-thumb { background-color: transparent; } */ #root { height: 100%; } .str-chat { height: 100%; width: 100% } .str-chat.str-chat-channel.messaging { background: #fafafa; } .dark.str-chat.str-chat-channel.messaging { background: transparent; height: 100%; } .str-chat__ul { display: flex; flex-direction: column; gap: 24px } .str-chat__li--single { padding-bottom: 0px !important; padding-top: 0px !important; } .str-chat.str-chat-channel-list.messaging { background: #fafafa; } .dark.str-chat.str-chat-channel-list.messaging { background: transparent !important; } .str-chat__main-panel { height: 100%; } .str-chat-channel .str-chat__container { padding: 10px 0px 0px 0px; height: 100% } .str-chat-channel.messaging .str-chat__main-panel { padding: 0 !important; min-width: 250px; } .messaging.str-chat .str-chat__list .str-chat__reverse-infinite-scroll { padding-top: 0; } .messaging.str-chat.dark .str-chat__list { padding: 0px; background: transparent; height: 100%; } .messaging.str-chat.dark .str-chat__list::-webkit-scrollbar { width: 0px; background: transparent } .str-chat-channel.messaging .str-chat__main-panel { /* padding: 30px 30px 0 0px; */ height: 100%; } .str-chat-channel.messaging .str-chat__main-panel:not(:last-child) { padding: 20px 0 0 0px; } .str-chat-channel.messaging .str-chat__main-panel:not(:last-child) .messaging__channel-header { border-radius: 10px 0px 0px 0px; } .str-chat__message-simple-status { display: none; } .messaging.str-chat.dark .str-chat__message--system__date { color: rgba(255, 255, 255, 0.7); } .messaging.str-chat.dark .str-chat__message--system__text p { color: rgba(255, 255, 255, 0.7); } .messaging.str-chat.dark .str-chat__message--system__line { background: rgba(255, 255, 255, 0.1); } .str-chat__message--system { padding: 20px; } /* Mobile View */ @media screen and (max-width: 640px) { /* * This is to prevent the browser navigation bars from hiding the app * on some mobile browsers. The app-height variable is set dynamically * using javascript. */ .str-chat-channel { height: var(--app-height); } .str-chat-channel-list.messaging { float: unset; } #mobile-channel-list { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; transform: translate3d(-100vw, 0, 0); transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1); } #mobile-channel-list.show { transform: translate3d(0vw, 0, 0); z-index: 1000; } } /* To fix inherited styles (as per Team and Customer Support apps */ @media screen and (max-width: 960px) { .str-chat-channel-list.messaging { position: unset; left: unset; top: unset; z-index: unset; min-height: unset; overflow-y: unset; box-shadow: unset; transition: unset; } } .input-container { position: relative; width: 300px; /* Set the desired width */ } .icon { position: absolute; top: 50%; left: 10px; /* Adjust the left position as needed */ transform: translateY(-50%); color: #555; /* Set the icon color */ } .input-container input { width: 100%; padding: 10px; padding-left: 5px; /* Adjust the left padding to accommodate the icon */ box-sizing: border-box; border: 1px solid #ddd; /* Set the border color */ border-radius: 5px; outline: none; } /* Optional: Add styles for focus state */ .input-container input:focus { border-color: #4CAF50; /* Set the focus border color */ }/* ACTIONS */ .str-chat__message-actions-box { border-radius: 16px; } .str-chat__list--thread .str-chat__message-simple__actions__action--options .str-chat__message-actions-box { border-radius: 16px; } .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine { box-shadow: 0 10px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.15); border-radius: 16px; } .str-chat.dark .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box { background: linear-gradient(-180deg,hsla(0,0%,100%,.02),rgba(0,0,0,.02)), #67686a; box-shadow: 0 0 2px 0 rgb(0 0 0 / 22%), 0 1px 0 0 rgb(0 0 0 / 8%), 0 1px 8px 0 rgb(0 0 0 / 5%); border-radius: 16px; } .str-chat.dark .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine { background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%), rgba(0, 0, 0, 0.7); border-radius: 16px; } .str-chat.dark .str-chat__message-simple__actions__action.str-chat__message-simple__actions__action--reactions g { fill: #ffffff; } .str-chat__message-actions-list-item { font-weight: 500; } /* EDIT MESSAGE */ .str-chat__modal.str-chat__modal--open { border: none !important; opacity: 1; border-radius: 16px; background: rgba(255, 255, 255, 0.5); } .str-chat.dark .str-chat__modal.str-chat__modal--open { background: rgba(0, 0, 0, 0.5); } .str-chat__modal__inner { height: 160px; width: 400px; border: none !important; background: #f1f1f1; box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.15); } .str-chat.dark .str-chat__modal__inner { background: #2e3033 !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08); } .str-chat__edit-message-form { position: relative; top: 40px; } .str-chat__modal .str-chat__edit-message-form textarea { border: 2px solid rgba(0, 0, 0, 0.16) !important; height: 50px !important; max-height: 50px !important; font-size: 15px; border-radius: 20px !important; transition: border 0.2s ease-in-out; box-shadow: none; } .str-chat.dark .str-chat__modal .str-chat__edit-message-form textarea { background: rgba(46, 48, 51, 0.98) !important; } .str-chat__modal .str-chat__edit-message-form textarea:focus { border: 2px solid #006cff !important; } .str-chat__modal .str-chat__message-team-form-footer { margin-top: 12px; } .str-chat__modal .str-chat__message-team-form-footer button { cursor: pointer; } .str-chat__modal__close-button svg { top: 0px; margin-left: 8px; } .str-chat__modal__close-button { position: relative; top: -55px; left: 400px; } .str-chat.light .str-chat__modal__close-button svg { fill: #000000; } .str-chat.light .str-chat__modal__close-button { color: #000000; } .str-chat__modal__close-button:hover { color: #006cff !important; opacity: 1; } .str-chat__modal__close-button:hover svg { fill: #006cff !important; } .str-chat__modal .str-chat__message-team-form-footer svg:hover { fill: #006cff; } .str-chat__edit-message-form .rfu-file-upload-button { display: none; } .str-chat__edit-message-form .str-chat__message-team-form-footer button[type='submit'] { padding-right: 0; } .str-chat__edit-message-form .str-chat__message-team-form-footer button:focus { border: none; outline: none; } /* REACTIONS */ .str-chat__reaction-selector { border-radius: 16px; height: 56px; background: #f1f1f1; box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.15); } .str-chat.dark .str-chat__reaction-selector { background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%), rgba(0, 0, 0, 0.7); } .str-chat__reaction-selector li { font-size: 24px; } .str-chat__reaction-selector li span span { height: 24px !important; width: 24px !important; } span.react-images__footer__count.react-images__footer__count--isModal { font-family: Helvetica Neue, sans-serif; } .str-chat__message.str-chat__message--me.str-chat__message-simple.str-chat__message-simple--me.str-chat__message--regular .str-chat__avatar { display: none; } .str-chat__message.str-chat__message--me.str-chat__message-simple.str-chat__message-simple--me.str-chat__message--reply .str-chat__avatar { display: none; } .str-chat__message.str-chat__message--me.str-chat__message-simple.str-chat__message--deleted.deleted { margin: 0; } @media screen and (max-width: 640px) { /* REACTIONS */ .str-chat__message--me .str-chat__message-inner > .str-chat__message-simple__actions, .str-chat__message-simple--me .str-chat__message-inner > .str-chat__message-simple__actions { margin-bottom: 6px; } .str-chat__message-inner > .str-chat__message-simple__actions, .str-chat__message-simple-inner > .str-chat__message-simple__actions { margin-bottom: 6px; } .str-chat__message--has-attachment .str-chat__message-simple__actions { position: unset; margin-bottom: 6px; } /* EDIT MESSAGE */ .str-chat__modal.str-chat__modal--open { padding-top: 200px; } .str-chat__modal__inner { max-width: 80vw; } .str-chat__modal .str-chat__edit-message-form { max-width: 80vw; min-width: unset; } .str-chat__modal__close-button { left: 75vw; } } .str-chat__date-separator{ display: none; }.str-chat__messaging-input { background: transparent; /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.08); */ align-items: center; /* padding: 8px; */ width: 100%; height: 44px; position: relative; } .str-chat.dark .str-chat__messaging-input { background: transparent; /* border-top: 1px solid rgba(0, 0, 0, 0.16); */ } .messaging-input__container { display: flex; align-items: center; } .messaging-input__input-wrapper { display: flex; align-items: center; width: 100%; min-height: 40px; height: fit-content; z-index: 100; border-radius: 5px; background: #FFFFFF; transition: border 0.2s ease-in-out; position: relative; } .str-chat.dark .messaging-input__input-wrapper { background: transparent; } /* .str-chat__messaging-input .messaging-input__input-wrapper:focus-within { border: 2px solid #005FFF; } */ .str-chat__messaging-input>*:not(:first-of-type) { margin-left: 8px; } .str-chat__textarea { display: flex; align-items: center; border-radius: 8px; } .str-chat__textarea textarea { background: #FFFFFF; font-size: 14px; line-height: 16px; min-height: 0; transition: box-shadow 0.2s ease-in-out; color: rgba(0, 0, 0, 0.9); border: none !important; outline: none !important; height: 44px; padding: 10px 12px 10px 0px; font-size: 14px !important; font-family: "Inter" !important; font-weight: 400 !important; line-height: 22px !important; color: rgb(174, 182, 196) !important; border-radius: 8px; } .str-chat.dark .str-chat__messaging-input .str-chat__textarea textarea { background: #1A202B; border: 1px solid rgba(0, 0, 0, 0.16); color: rgba(255, 255, 255, 0.9); } .str-chat__textarea textarea:focus { border: none !important; outline: none !important; box-shadow: none !important; } .messaging-input__button { opacity: 0.5; cursor: pointer; padding: 0 4px; transition: opacity 0.2s ease-in-out; } .messaging-input__button svg path { transition: fill 0.2s ease-in-out; fill: black; } .messaging-input__button:hover { opacity: 1; } .messaging-input__button:hover svg path { fill: #005FFF !important; } .str-chat__input--emojipicker { z-index: 100; left: 36px; } .str-chat__thread .str-chat__input--emojipicker { position: fixed; top: 25% !important; right: 330px; left: auto; } .str-chat__messaging-input .emoji-mart-bar, .str-chat__messaging-input .emoji-mart-search input { border-color: rgba(0, 0, 0, 0.36); } .str-chat.dark .str-chat__messaging-input .messaging-input__button svg path { fill: white; } .giphy-icon__wrapper { display: flex; align-items: center; justify-content: space-evenly; height: 24px; width: 63px; background: #005FFF; border-radius: 12px; margin-left: 8px; } .giphy-icon__text { font-family: Helvetica Neue, sans-serif; font-weight: bold; font-size: 11px; line-height: 8px; color: #FFFFFF; } div.rfu-dropzone { width: 100%; } div.rfu-dropzone:focus { outline: none; } .rfu-image-previewer { flex: none; margin-left: 12px; } .rfu-image-previewer__image { margin-bottom: 0; } div.rta__autocomplete.str-chat__emojisearch { display: none; z-index: 10; position: absolute; width: 30%; background: #FAFAFA; margin: 4px 10px; border-radius: 16px !important; } .str-chat__thread div.rta__autocomplete.str-chat__emojisearch { width: 100%; left: -10px; } .str-chat__user-item { background: #FFFFFF; color: #000000; } .str-chat.dark .str-chat__user-item { background: rgba(46, 48, 51, 0.98); color: #FFFFFF; } .str-chat__user-item:hover { background: #005FFF !important; color: #FFFFFF; cursor: pointer; } .rta__entity--selected { background: #005FFF; } .str-chat__slash-command:hover { background: #005FFF; cursor: pointer; } .rta__list-header { font-family: Helvetica Neue, sans-serif; font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.9); mix-blend-mode: normal; } @media screen and (max-width: 640px) { div.rta__autocomplete.str-chat__emojisearch { width: unset; } .str-chat__textarea textarea { font-size: 16px; } } .customstar { position: relative; display: flex; width: 100%; border-radius: 8px; justify-content: center; background-color: #1A202B; /* Replace with your desired background color */ height: 44px; align-items: center; } .customstar:hover{ background-color: var(--color-palette-gray-700, #394455); } .customstar:hover *{ background: var(--color-palette-gray-700, #394455) !important; } .mentionUserSelect { position: absolute; padding: 3px; width: inherit; text-align: left; margin: 0; background-color: rgb(37, 48, 66); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; z-index: 1000; max-height: 200px; top: calc(100% + 5px); } .mentionUserSelect li { border: 1px solid transparent; padding: 3px 2px; } .mentionUserSelect>div:hover { border: 1px solid rgb(8, 105, 215) } .mentionUserSelect .selected { background-color: rgba(0, 0, 0, 0.04); border: 1px solid rgb(8, 105, 215) }.messaging.str-chat .str-chat__thread { margin: 0; } .custom-thread-header { border: none; background: white; min-height: 60px; box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.03), 0px 1px 0px rgba(0, 0, 0, 0.03); display: flex; align-items: center; justify-content: space-between; } .str-chat.dark .custom-thread-header { background: rgba(46, 48, 51, 0.98); box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.03), 0px 1px 0px rgba(0, 0, 0, 0.03); } .custom-thread-header__left { display: flex; align-items: center; margin-left: 20px; } .custom-thread-header__left-title { font-family: Helvetica Neue, sans-serif; font-weight: bold; font-size: 15px; line-height: 24px; color: rgba(0, 0, 0, 0.9); margin-right: 10px; } .str-chat.dark .custom-thread-header__left-title { color: rgba(255, 255, 255, 0.9); } .custom-thread-header__left-count { font-family: Helvetica, sans-serif; font-size: 14px; mix-blend-mode: normal; opacity: 0.5; } .str-chat.dark .custom-thread-header__left-count { color: rgba(255, 255, 255, 0.9); } .messaging.str-chat .str-chat__thread { border-left: 1px solid #f1f1f1; border-radius: 0px 10px 0 0; background: #ffffff; } .messaging.str-chat.dark .str-chat__thread { border-left: 1px solid rgba(0, 0, 0, 0.09); background: #282a2d; } .str-chat__thread .str-chat__messaging-input { background: none !important; } .messaging.str-chat .str-chat__thread-list { height: unset; padding: 0; padding-top: 20px; } .messaging.str-chat .str-chat__thread-list .str-chat__message { padding-left: 20px; padding-right: 20px; margin-bottom: 0px; } .str-chat__thread-list .str-chat__list.str-chat__list--thread { padding: 0 !important; } .str-chat__thread-list .str-chat__li.str-chat__li--top { margin-top: 0; } .str-chat__thread-list .str-chat__message:first-of-type { border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; } .str-chat.dark .str-chat__thread-list .str-chat__message:first-of-type { border-bottom: 1px solid #212326; } .str-chat__thread-list li .str-chat__message:first-of-type { border-bottom: none !important; padding-bottom: 0px; } .str-chat__thread .str-chat__messaging-input { margin-top: 0px !important; } .str-chat__message-replies-count-button:focus { border: none; outline: none; } .str-chat__thread-start { display: none; } .messaging.str-chat .str-chat__thread-list .str-chat__reverse-infinite-scroll { padding-top: 20px; } .str-chat__thread .str-chat__messaging-input { margin-top: 10px; box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.04); } .str-chat__thread .str-chat__input--emojipicker { top: 0%; } .str-chat__thread .emoji-mart { width: 300px !important; } @media screen and (max-width: 640px) { .str-chat__thread .str-chat__messaging-input .messaging-input__button.emoji-button { display: none; } }.window-controls__container { height: 60px; display: flex; align-items: center; justify-content: center; } .window-controls__button-wrapper { display: flex; align-items: center; justify-content: space-between; height: 30px; width: 180px; background: rgba(255, 255, 255, 0.799579); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06); border-radius: 15px; padding: 0 2px; } .window-controls__button-wrapper.light { background: #303438; } .window-controls__button { height: 26px; width: 90px; background: none; box-shadow: none; border-radius: 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: Inter, sans-serif; font-weight: bold; font-size: 12px; line-height: 12px; letter-spacing: 0.8px; color: #000000; mix-blend-mode: normal; opacity: 0.2; } .window-controls__button.selected { background: #ffffff; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); color: #0a0a0a; opacity: 1; } .window-controls__button.light { background: #303438; color: rgba(255, 255, 255, 0.4); opacity: 0.5; } .window-controls__button.selected.light { background: #3d4247; color: #ffffff; opacity: 1; } .messaging__channel-list { padding: 10px 10px 10px 10px; width: 100%; height: 100%; } @media screen and (max-width: 640px) { .messaging__channel-list { width: unset; } } .messaging__channel-list__header { display: none; align-items: center; padding: 20px 0 10px 20px; margin-bottom: 20px; } .messaging__channel-list__message { margin-top: 20px; height: 100%; color: #000; } .str-chat.dark .messaging__channel-list__message { color: #fff; } .messaging__channel-list__header__name { display: flex; font-weight: bold; font-size: 16px; line-height: 20px; color: #000; } .str-chat.dark .messaging__channel-list__header__name { color: white; } .messaging__channel-list__header__button { width: 40px; height: 40px; border: 0; display: flex; align-items: center; justify-content: center; margin-left: auto; cursor: pointer; background: #fafafa; border-radius: 20px; margin-right: 20px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.06), 0px 2px 30px rgba(0, 0, 0, 0.1); } .messaging__channel-list__header__button svg path { fill: #005fff; } .str-chat.dark .messaging__channel-list__header__button { background: #3e3e41; box-shadow: none; } .str-chat.dark .messaging__channel-list__header__button svg path { fill: #e9e9ea; } .str-chat__load-more-button { display: none; } .messaging__channel-list__header__button:focus { border: none; outline: none; } /* Skeleton Loader */ .skeleton-loader__list { position: absolute; width: 260px; height: 100%; float: left; margin-top: 0; padding: 0; list-style: none; } @media screen and (max-width: 640px) { .skeleton-loader__list { width: unset; } } .skeleton-loader__list li { display: flex; align-items: center; margin-bottom: 24px; } .skeleton-loader__avatar, .skeleton-loader__text { display: inline-block; } .skeleton-loader__avatar { float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 100px; } .skeleton-loader__text div { width: 200px; height: 12px; border-radius: 20px; } .skeleton-loader__text div:nth-child(2) { height: 6px; margin-top: 8px; } .skeleton-loader__avatar, .skeleton-loader__text div { animation: placeHolderShimmer 1.5s linear infinite; background: rgba(255, 255, 255, 0.2); background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100% ); background-repeat: no-repeat; background-size: 400px 100%; } @keyframes placeHolderShimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } } /** * Swiper 11.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ .MuiOutlinedInput-root fieldset { border: none; } .Mui-focused fieldset { border: none; } .aisearch_row { display: flex; align-items: flex-start; gap: 16px; width: 100%; justify-content: space-between; } .aisearch_button { border: none; border-radius: 20px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: #0869fb; } .aisearch_regenerate { border: none; border-radius: 8px; height: 36px; width: 160px; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: #0869fb; } .aisearch_icon { color: #fff; font-size: 24px; } .aisearch_fieldWrapper { border-radius: 32px; width: 100%; display: flex; justify-content: center; } .prompt_container { width: calc(100% - 40px); overflow-x: hidden; overflow-y: hidden; height: 100%; } .prompt-dropdown .MuiOutlinedInput-root { padding: 0; } .prompt-dropdown .MuiFormControl-root .MuiInputBase-root { padding-right: 20px !important; } .enhancement_sub_div{ display: flex; flex-direction: row; align-items: center; gap: 0.25rem; } .button_div { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; min-width: 190px; } .aiprompt__root { display: flex; flex-direction: column; gap: 16px; background: var(--color-palette-gray-800, #253042); border-radius: 24px; width: 100%; } .aiprompt__subRoot { display: flex; flex-direction: row; gap: 24px; flex: 1; } .aiprompt__root_padding { padding: 24px; } .root__container { display: flex; flex-direction: row; gap: 24px; flex: 1; } .root__container_interactive { border-radius: 16px; flex: 4; display: flex; flex-direction: column; } .aiprompt__top { display: flex; flex-direction: column; gap: 27px; } .aiprompt__filed_div { display: flex; flex-direction: column; gap: 10px; } .ai_prompt_background_div { border-radius: 16px; padding: 2px; display: flex; flex-direction: row; gap: 24px; flex: 1; background: linear-gradient(to left, rgba(51, 206, 255, 0.85), rgba(214, 51, 255, 0), rgba(255, 255, 255, 0.15)); } .ai__prompContainer { display: flex; flex-direction: column; flex: 1; padding: 0rem; width: 100%; justify-content: space-between; background-color: #1a202b; border-radius: 16px; padding: 20px 24px 12px 24px !important; } .ai__prompContainer_intercative { gap: 10px; } .prompt_footer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; width: 100%; } .prompt_actions { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; /* width: 100%; */ } .prompt_credit { display: flex; flex-direction: row; align-items: center; gap: 4px; }._titleDiv_1w7we_1 { display: flex; padding: 0px !important; flex-direction: column; gap: 1.5rem; width: 100%; } ._row_1w7we_9 { display: flex; justify-content: space-between; align-items: center; flex-direction: row; } ._title_1w7we_1 { font-family: "Inter" !important; font-weight: 600 !important; font-size: 1.125rem !important; line-height: 1.5rem !important; color: #ffffff !important; } ._round_1w7we_24 { height: 24px; width: 24px; border-radius: 12px; background-color: #1A202B; align-items: center; justify-content: center; display: flex; cursor: pointer; } ._icon_1w7we_35 { font-size: 16px !important; color: #ffffff; } ._fieldDiv_1w7we_40 { display: flex; flex-direction: column; gap: 2rem; width: 100%; } ._warningLastDiv_1w7we_47 { display: flex; align-items: center; justify-content: space-between; width: 100%; } ._warningContent_1w7we_54 { display: flex; flex-direction: column; gap: 14px; width: 100%; } ._lastDiv_1w7we_61 { display: flex; justify-content: flex-end; align-items: center; flex: 1; width: 100%; } ._textfiled_1w7we_69>div { width: 100% !important; } ._button_1w7we_73 { border: none; background-color: #0869FB; border-radius: 8px; height: 48px; width: 100% !important; cursor: pointer; font-family: "Inter" !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.5rem !important; color: #FFFFFF !important; display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem 1.5rem; } ._selectField_1w7we_94 { width: 100% !important; }._valueDiv_1qu6h_1 { display: flex; flex: 1; padding: 1.5rem; gap: 0.75rem; flex-wrap: wrap; height: fit-content; } ._canvasSizeDiv_1qu6h_10 { height: 120px; width: 90px; border-radius: 0.5rem; border: 2px solid #394455; display: flex; align-items: center; flex-direction: column; padding: 0.5rem; cursor: pointer; } ._canvasSizeDiv2_1qu6h_21 { height: 120px; width: 210px; border-radius: 0.5rem; border: 2px solid #394455; display: flex; align-items: center; flex-direction: column; padding: 0.5rem; cursor: pointer; } ._plusDIv_1qu6h_33 { position: absolute; top: 8px; right: 8px; align-self: flex-end; background-color: #1A202B; height: 20px; width: 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center; } ._addIcon_1qu6h_47 { font-size: 0.9rem !important; color: #ffffff; } ._brandIcon_1qu6h_52 { font-size: 1.5rem !important; color: #7D899C; margin-top: 0.25rem; } ._brandName_1qu6h_58 { font-family: 'Inter' !important; font-weight: 700 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #7D899C !important; } ._resolution_1qu6h_66 { font-family: 'Inter' !important; font-weight: 500 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #7D899C !important; } ._canvasCustom_1qu6h_73{ height: 94px; width: 120px; border-radius: 1rem; border: 2px dashed #394455; display: flex; align-items: center; flex-direction: column; padding: 1rem; gap: 0.5rem; cursor: pointer; } ._canvasCustom_1qu6h_73:hover{ background: #394455; } ._customTxt_1qu6h_88{ font-family: 'Inter' !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.375rem !important; color: #7D899C !important; } ._plusCustomDiv_1qu6h_95{ background-color: #1A202B; height: 24px; width: 24px; border-radius: 12px; display: flex; align-items: center; justify-content: center; } ._addIconLarge_1qu6h_104 { font-size: 1rem !important; color: #ffffff; }._asset-div_ge2ly_1 { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } ._updateAsset-div_ge2ly_9 { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; } ._library__asset_ge2ly_17 { max-width: 100%; max-height: 8rem; height: auto; width: auto; justify-content: center; align-items: center; } ._font-title_ge2ly_27 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_ge2ly_34 { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._upload__sub_text_ge2ly_42 { color: #5C6674; } ._dnd__container_ge2ly_46 { min-width: 100%; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; cursor: pointer; } ._dnd__input_ge2ly_56 { display: none; } ._dnd__label_ge2ly_60 { width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #596573; border-radius: 1rem; margin: 0; cursor: pointer; } ._dnd__label_ge2ly_60._drag-active_ge2ly_78 { opacity: 0.5; } ._dnd__area_ge2ly_82 { position: absolute; width: 100%; height: 100%; border-radius: 1rem; top: 0px; right: 0px; bottom: 0px; left: 0px; } ._imageContainer_opht9_1 { width: 100%; /* max-width: 150px; max-height: 150px; */ height: 100px; padding: 8px; background-color: #394455; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; &.selected { border: 4px solid #74aafd; } } ._imageContainer_opht9_1 img { /* max-width: "100px"; */ max-height: 100%; max-height: 80px; object-fit: contain; } ._description_opht9_25 { position: absolute; top: 0; left: 0; } ._upload__text_opht9_31 { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._selected_asset_div_opht9_39 { border-radius: 5px; border: 4px solid #74aafd; display: flex; align-items: center; justify-content: center; } ._asset_div_opht9_48 { border-radius: 5px; border: 4px solid transparent; /* width: "100%"; height: "100%"; */ display: flex; align-items: center; justify-content: center; } ._updateAsset-div_opht9_58 { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; } ._library__asset_opht9_66 { max-width: 100%; /* max-height: 8rem; */ height: auto; width: auto; justify-content: center; align-items: center; cursor: pointer; } ._font-title_opht9_76 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_opht9_31 { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._upload__sub_text_opht9_91 { color: #5c6674; } ._color__preview_opht9_95 { width: 30px; height: 30px; border-radius: 50%; } /* color picker */ ._color__container_opht9_103 { padding: 15px; display: flex; gap: 10px; flex-direction: column; border-radius: 10px; width: 100%; min-height: 225px; } ._color__preview_opht9_95 { width: 30px; height: 30px; border-radius: 50%; } ._color__input_opht9_119 { background: #bbc0c6; border: 1px solid #d3d3d3; border-radius: 4px; padding: 2px 8px; font-family: "Lato"; font-style: normal; font-weight: 400; font-size: 16px; color: #111314; } ._color__picker-row_opht9_133 { display: flex; align-items: center; gap: 15px; } ._color__picker-row_opht9_133._flex-grow_opht9_139 { flex-grow: 1; } ._color__picker-row_opht9_133._align-end_opht9_143 { align-items: flex-end; } ._color__picker-container_opht9_147 ._react-colorful_opht9_147 { height: 100%; width: 100%; } ._color__picker-container_opht9_147 ._react-colorful__saturation_opht9_152 { border-radius: 6px 6px 0 0; } ._color__picker-container_opht9_147 ._react-colorful__saturation-pointer_opht9_156 { width: 10px; height: 10px; } ._color__picker-container_opht9_147 ._react-colorful__hue_opht9_161 { height: 10px; border-radius: 0 0 6px 6px; } ._color__picker-container_opht9_147 ._react-colorful__hue-pointer_opht9_166 { width: 10px; height: 10px; border-radius: 99%; } ._dnd__container_opht9_172 { min-width: 100%; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; cursor: pointer; } ._dnd__input_opht9_182 { display: none; } ._dnd__label_opht9_186 { width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #596573; border-radius: 1rem; margin: 0; cursor: pointer; } ._dnd__label_opht9_186._drag-active_opht9_204 { opacity: 0.5; } ._dnd__area_opht9_208 { position: absolute; width: 100%; height: 100%; border-radius: 1rem; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* AD copy left panel style */ ._adCopyLeftPanelRoot_c58ww_2 { display: flex; flex-direction: column; height: 100%; width: 375px; background-color: #151A22; border-radius: 1rem; position: relative; } ._adCopyLeftPanelSubRoot_c58ww_13 { display: flex; flex-direction: column; /* padding: 20px 16px; */ /* border-bottom: 1px solid var(--Color-Palette-Gray-700, #394455); */ width: 100%; gap: 16px; } ._adCopyLeftPanelTitleContainer_c58ww_22 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } ._adCopyLeftPaneTab_c58ww_31 { display: flex; align-items: center; gap: 4px; } ._adCopyLeftPanelContainer_c58ww_37 { display: flex; padding: 32px 0px 112px 0px; flex-direction: column; gap: 24px; overflow: auto; }._promptRoot_1sx15_1 { display: flex; flex-direction: row; flex: 1; gap: 20px; background-size: cover; max-height: calc(100vh - 72px); padding: 20px 20px 20px 20px; width: 100%; } ._promptRootText_1sx15_11 { display: flex; flex-direction: row; flex: 1; gap: 20px; background-size: cover; max-height: calc(100vh - 72px); padding: 20px 20px 0px 20px; width: 100%; background-color: #151A22; margin-top: 12px; } ._promptContentText_1sx15_23 { display: flex; flex-direction: column; gap: 1rem; margin: 0 auto; flex: 1; overflow-y: auto; } ._promptContent_1sx15_23 { display: flex; flex-direction: column; gap: 1rem; margin: 0 auto; padding-bottom: 1.2rem; flex: 1; overflow-y: auto; } ._subTitle_1sx15_41 { font-size: 4rem !important; line-height: 4.8rem !important; } ._aiRoot_1sx15_45 { display: flex; flex-direction: column; gap: 3rem } ._textGenpromptRoot_1sx15_51 { display: flex; flex-direction: row; flex: 1; gap: 20px; background-size: cover; max-height: calc(100vh - 104px); padding: 20px 20px 0px 20px; width: 100%; } ._textPromptGen_1sx15_62 { display: flex; flex-direction: column; gap: 1rem; flex: 1; } ._subTitle_1sx15_41 { font-size: 4rem !important; line-height: 4.8rem !important; } ._aiRoot_1sx15_45 { display: flex; flex-direction: column; gap: 3rem } ._shortlisedRoot_g165a_1 { display: flex; flex-direction: column; height: calc(100vh - 105px); width: 27vw; max-width: 18.75rem; background-color: #212630; border-radius: 1rem; padding: 1.5rem; } ._shortlisedWrapper_g165a_12 { display: flex; flex-direction: column; } ._titleDiv_g165a_17 { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } ._saveIcon_g165a_24 { color: #B3BAC5; } ._img_g165a_28 { height: 1.5rem; width: 1.5rem; margin-top: 4px; } ._optioin_g165a_34 { cursor: pointer; display: none; gap: 0.5rem; align-items: center; margin-top: 4px; } ._optionColor_g165a_42 { color: #AEB6C4; font-size: 20px !important; } ._itemBlock_g165a_47 { display: flex; flex-direction: column; gap: 0.25rem; } ._itemTitle_g165a_53 { font-family: "Inter" !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.375rem !important; color: #AEB6C4 !important; } ._itemTitleDiv_g165a_61 { display: flex; align-items: flex-start; justify-content: space-between; } ._titleText_g165a_67 { font-family: "Inter" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; color: #F1F5F9 !important; } ._descriptionTxt_g165a_75 { color: #FCFDFE !important; } ._list_g165a_79 { display: flex; flex-direction: column; gap: 1rem; /* margin-top: 2rem; */ padding: 24px 8px 32px 8px; overflow: auto; padding-bottom: 2rem; flex: 1; } ._item_g165a_47 { display: flex; flex-direction: row; align-items: flex-start; gap: 1.25rem; cursor: pointer; padding: 0.5rem; } ._item_g165a_47:hover { background-color: #394455; border-radius: 0.5rem; } ._item_g165a_47:hover ._optioin_g165a_34 { display: flex; } ._btnDiv_g165a_108 { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 0 0 0; background-color: inherit; } ._btn_g165a_108 { height: 48px; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: '4px'; border: '1px solid #282D37'; cursor: pointer; background-color: #151A22; font-family: "Inter"; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #ffffff; } ._btnTitle_g165a_133 { color: white; } ._promptLeftPanelRoot_10pev_1 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 300px; /* flex-shrink: 1.5; */ background-color: #253042; border-radius: 1rem; padding: 15px; overflow: hidden; /* transition: all 0.6s linear; */ } ._promptLeftPanelHideRoot_10pev_15 { width: 40px !important; height: 40px !important; display: flex; align-items: center; justify-content: center; border-radius: 0rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } ._promptLeftPanelSub_10pev_26 { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem; } ._promptLeftPanelTitle_10pev_34 { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; } ._asset_div_10pev_42 { border-radius: 5px; border: 4px solid transparent; width: 100%; height: 100%; min-height: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; } ._selected_asset_div_10pev_54 { border-radius: 5px; border: 4px solid #74aafd; cursor: pointer; display: flex; align-items: center; justify-content: center; } ._library__asset_10pev_62 { /* max-width: 94px; */ /* max-height: 94px; */ border-radius: 4px; height: auto; width: auto; justify-content: center; align-items: center; } /* .imageContainer { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; } */ ._imageContainer_10pev_72 { /* width: 100px; */ display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; /* min-height: 50px; */ &.PRODUCT { width: 120px; height: 120px; padding: 12px; background-color: #394455; } &.PRODUCT img { max-height: 100px !important; } } ._imageContainer_10pev_72 img { /* max-width: "100px"; */ /* max-height: 100%; */ /* min-height: 50px; */ object-fit: contain; } ._library__asset_wvvif_1 { border-radius: 8px; height: auto; width: auto; justify-content: center; align-items: center; } ._doneIcon_wvvif_10 { color: #fff; } ._doneDiv_wvvif_14 { height: 24px; width: 24px; border-radius: 12px; position: absolute; background-color: black; top: 4px; right: 4px; z-index: 2; }._fieldEwapper_1aist_1 { width: 60vw; } ._shortlisedRoot_1bskw_1 { display: flex; flex-direction: row; align-items: center; background-color: #394455; border-radius: 100px; padding: 0.5rem 1rem; gap: 0.25rem; height: 38px; cursor: pointer; max-width: 180px; justify-content: center; } ._doneicon_1bskw_15 { color: white; font-size: 12px !important; } ._doneDiv_1bskw_20 { background-color: #266843; height: 14px; width: 14px; border-radius: 32px; display: flex; align-items: center; justify-content: center; } ._arrowDiv_1bskw_30 { background-color: #253042; height: 14px; width: 14px; border-radius: 32px; display: flex; align-items: center; justify-content: center; } ._eachItem_1bskw_40 { padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; background-color: transparent !important; white-space: initial; flex-direction: column; } ._eachItem2_1bskw_50 { display: flex; align-items: flex-start; gap: 0.75rem; } ._eachItem_1bskw_40:hover { background-color: transparent !important; } ._divider_1bskw_60 { width: 100%; color: #394455; margin: 1.5rem 0px; } ._itemText_1bskw_66 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; width: 90%; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: #AEB6C4; } ._itemImg_1bskw_80 { height: 76px; width: 76px; min-width: 76px; border-radius: 0.5rem; background-color: #394455; } ._shortlisedWrapper_1bskw_88 { display: flex; flex-direction: column; } ._titleDiv_1bskw_93 { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } ._saveIcon_1bskw_100 { color: #7D899C; } ._crossDiv_1bskw_104 { background-color: #1A202B; height: 24px; width: 24px; min-width: 24px; min-height: 24px; border-radius: 48px; display: flex; align-items: center; justify-content: center; } ._crossIcon_1bskw_116 { color: #AEB6C4; font-size: 12px; } ._divider_1bskw_60 { height: 1px; width: 100%; background-color: #394455; } ._titleText_1bskw_127 { font-family: "Inter" !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1.5rem !important; color: #F1F5F9 !important; } ._imagesDiv_1bskw_135 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; overflow: auto; padding-bottom: 2rem; max-height: calc(90vh - 72px - 24px - 56px); } ._eachImg_1bskw_146 { cursor: pointer; position: relative; height: fit-content; display: flex; } ._eachImg_1bskw_146:hover ._clearOverlay_1bskw_153 { display: flex; } ._iconColor_1bskw_157 { color: white; } ._clearOverlay_1bskw_153 { display: none; height: 100%; width: 100%; background-color: #6c757d99; align-items: center; justify-content: center; position: absolute; gap: 10px; border-radius: 8px; } ._item_1bskw_66 { flex: 45%; background-color: #394455; height: 35vh; max-height: 250px; border-radius: 0.25rem; cursor: pointer; } ._btnDiv_1bskw_182 { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 0 0 0; background-color: #253042; } ._btn_1bskw_182 { height: 3rem; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; cursor: pointer; background-color: #0869FB; font-family: "Inter"; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #ffffff; } ._main_1fgph_1 { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; } ._cardWrapper_1fgph_8 { background-color: #253042; padding: 2rem; border-radius: 1rem; gap: 2rem; display: flex; flex-direction: column; } ._titleText_1fgph_16 { font-size: 1.25rem !important; font-family: "Inter" !important; font-weight: 600 !important; line-height: 2rem !important; color: #ffffff !important; } ._cardRow_1fgph_23 { display: flex; flex-direction: row; align-items: center; gap: 1rem; } ._titleDiv_1sfbh_1 { display: flex; padding: 0px !important; flex-direction: column; gap: 1.5rem; } ._row_1sfbh_8 { display: flex; justify-content: space-between; align-items: center; flex-direction: row; } ._title_1sfbh_1 { font-family: 'Inter' !important; font-weight: 600 !important; font-size: 1.125rem !important; line-height: 1.5rem !important; color: #ffffff !important } ._round_1sfbh_23 { height: 24px; width: 24px; border-radius: 12px; background-color: #1A202B; align-items: center; justify-content: center; display: flex; cursor: pointer; } ._icon_1sfbh_34 { font-size: 16px !important; color: #ffffff; } ._fieldDiv_1sfbh_39 { display: flex; flex-direction: row; gap: 2rem; align-items: center; } ._contentDiv_1sfbh_46 { display: flex; flex: 1; border: 1px solid #394455; border-radius: 8px; height: 100%; } ._optionDiv_1sfbh_54 { display: flex; flex-direction: column; padding: 12px; gap: 0.25rem; max-width: 30%; } ._eachOption_1sfbh_62 { display: flex; align-items: center; padding: 8px; border-radius: 8px; cursor: pointer; justify-content: space-between; } ._eachOptionSelected_1sfbh_71 { display: flex; align-items: center; padding: 8px; border-radius: 8px; cursor: pointer; justify-content: space-between; background-color: #394455; } ._eachOption_1sfbh_62:hover { background-color: #394455; } ._titleText_1sfbh_85 { font-family: 'Inter' !important; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.375rem !important; color: #AEB6C4 !important } ._subTItleText_1sfbh_93 { font-family: 'Inter' !important; font-weight: 500 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #7D899C !important } ._textDiv_1sfbh_101 { display: flex; flex-direction: column; gap: 0.25rem; } ._arrowIcon_1sfbh_108 { font-size: 18px; color: #7D899C; } ._lastDiv_1sfbh_113 { display: flex; justify-content: space-between; align-items: center; flex: 1; } ._selectedOption_1sfbh_120 { font-family: 'Inter' !important; font-weight: 700 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #AEB6C4 !important } ._selectedOptionRes_1sfbh_128 { font-family: 'Inter' !important; font-weight: 500 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #7D899C !important } ._button_1sfbh_136 { border: none; background-color: #0869FB; border-radius: 8px; height: 48px; width: 153px; cursor: pointer; font-family: 'Inter' !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.5rem !important; color: #FFFFFF !important; display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem 1.5rem; }._main_1snpc_1 { display: flex; flex: 1; padding: 0.75rem; gap: 0.75rem; flex-direction: column; height: 100%; } ._searchResult_1snpc_10 { display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap; height: 100%; overflow-y: auto; /* overflow-y: auto; */ } ._item_1snpc_20 { background-color: #394455; border-radius: 10px; aspect-ratio: 1; /* width: 30%; */ position: relative; cursor: pointer; height: 126px; } ._outputContainer_1snpc_30 { width: 100%; height: 104px; display: flex; align-items: center; justify-content: center; border-radius: 10px 10px 0 0; overflow: hidden; } ._resolution_1snpc_40 { text-align: center; } ._doneIcon_1snpc_44 { color: #fff; } ._doneDiv_1snpc_48 { height: 24px; width: 24px; border-radius: 12px; position: absolute; background-color: black; top: 4px; left: 4px; z-index: 2; } ._deleteDiv_1snpc_59 { position: absolute; top: 2px; right: 2px; height: 24px; width: 24px; border-radius: 12px; z-index: 2; background-color: black; } ._deleteHoverDiv_1snpc_70 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.1s ease-in-out; } ._deleteHoverDiv_1snpc_70:hover { opacity: 1; } ._deleteIcon_1snpc_84 { display: flex; align-items: center; justify-content: center; } ._deleteIcon_1snpc_84 > svg { width: 18px; } ._root-div_oc6om_1 { width: 70%; } ._asset-div_oc6om_5 { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } ._library__asset_oc6om_13 { max-width: 100%; max-height: 8rem; height: auto; width: auto; justify-content: center; align-items: center; } ._font-title_oc6om_23 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } ._upload__text_oc6om_30 { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } ._upload__sub_text_oc6om_38 { color: #5C6674; } ._dnd__container_oc6om_42 { min-width: 100%; display: flex; flex-direction: column; gap: 2rem; align-items: center; justify-content: center; cursor: pointer; } ._dnd__input_oc6om_52 { display: none; } ._dnd__label_oc6om_56 { width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #596573; border-radius: 1rem; margin: 0; cursor: pointer; } ._dnd__label_oc6om_56._drag-active_oc6om_74 { opacity: 0.5; } ._dnd__area_oc6om_78 { position: absolute; width: 100%; height: 100%; border-radius: 1rem; top: 0px; right: 0px; bottom: 0px; left: 0px; } ._main_c3oq1_1 { display: flex; flex-direction: column; border-radius: 0.75rem; width: 186px; height: 279px; max-height: 279px; background-color: #394455; cursor: pointer; } ._main_c3oq1_1:hover { background-color: #1A202B; } ._blue_c3oq1_17 { background-color: #74AAFD !important; } ._green_c3oq1_21 { background-color: #97D9B5 !important; } ._yellow_c3oq1_25 { background-color: #FBD575 !important; } ._red_c3oq1_29 { background-color: #F3807D !important; } ._gray_c3oq1_33 { background-color: #7d899c !important; } ._imgDiv_c3oq1_37 { flex: 1; background-color: #74AAFD; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } ._textDiv_c3oq1_44 { display: flex; flex-direction: column; margin: 0.75rem; } ._titletextDiv_c3oq1_50 { flex: 1; justify-content: space-between; display: flex; align-items: center; } ._title_c3oq1_50 { font-family: 'Inter'; font-weight: 600 !important; font-size: 0.875rem !important; line-height: 1.375rem !important; color: #FFFFFF !important; } ._subTitle_c3oq1_65 { font-family: 'Inter' !important; font-weight: 400 !important; font-size: 0.75rem !important; line-height: 1.25rem !important; color: #AEB6C4 !important; } ._icon_c3oq1_73 { color: #7D899C; font-size: 16px !important; }._library__asset_16pi3_1 { max-width: 100%; /* max-height: 8rem; */ height: auto; width: auto; justify-content: center; align-items: center; cursor: pointer; } ._selected_asset_div_16pi3_10 { border-radius: 5px; border: 4px solid #74aafd; display: flex; align-items: center; justify-content: center; } ._asset_div_16pi3_19 { border-radius: 5px; border: 4px solid transparent; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } ._imageContainer_16pi3_28 { width: 120px; /* max-width: 150px; max-height: 150px; */ height: 120px; padding: 8px; background-color: #394455; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; } ._imageContainer_16pi3_28 img { /* max-width: "100px"; */ max-height: 100%; max-height: 90px; object-fit: contain; } ._advanceEditDialogRoot_1uu86_1 { display: flex; flex-direction: column; gap: 1.5rem; } ._tabsContainer_1uu86_7 { display: flex; flex-direction: row; justify-content: space-between; } ._closeDiv_1uu86_13 { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--color-palette-gray-700, #394455); cursor: pointer; } ._closeIcon_1uu86_24 { color: white; } ._tab_1uu86_7 { display: flex; color: white; cursor: pointer; padding: 4px 10px; background-color: var(--color-palette-gray-800, #253042); border-radius: 0.75rem; } ._tabSelected_1uu86_37 { background-color: var(--color-palette-gray-700, #394455); } ._tabsDiv_1uu86_41 { display: flex; flex-direction: row; gap: 1rem; } ._tabTitle_1uu86_47 { color: white; } ._closeDivMain_1uu86_51 { width: 100%; justify-content: flex-end; align-items: center; display: flex; } ._aiPrompt_1uu86_58 { width: 100%; margin: 0px 0px 0px auto; } ._checkBoxDiv_1uu86_63 { display: flex; flex: 1; flex-direction: column; } ._optionDiv_1uu86_69 { display: flex; flex: 1; flex-direction: column; gap: 0.25rem } ._optionLable_1uu86_76 { margin-left: 0.5rem; } /*ImageEditorOptions*/ ._imageEditOptionRoot_1uu86_81 { display: flex; flex-direction: column; height: 100%; } ._imageditorOptionRoot_1uu86_87 { display: flex; flex-direction: row; height: 100%; gap: 32px; } ._ImageoptionRoot_1uu86_94 { display: flex; flex: 0.4; flex-direction: column; gap: 1rem; height: 100%; } ._ImageoptionSubRoot_1uu86_102 { display: flex; flex: 0.4; flex-direction: column; height: 80%; } ._imageEditorGenerateBtn_1uu86_109 { display: flex; align-items: center; justify-content: center; gap: 1rem; } ._generateBtn_1uu86_116 { width: 100%; height: 48px; } ._colorFull_1uu86_121 { position: relative; flex-grow: 1; display: flex; margin-top: 1rem; justify-content: center; } ._colorFull_1uu86_121 ._react-colorful_1uu86_129 { height: 100%; width: 100%; } ._color__picker-row_1uu86_135._align-end_1uu86_135 { align-items: flex-end; } ._color__picker-container_1uu86_139 { position: relative; flex-grow: 1; height: 148px; display: flex; margin-top: 1rem; justify-content: center; } ._color__picker-container_1uu86_139 ._react-colorful_1uu86_129 { height: 100%; width: 100%; } ._color__picker-container_1uu86_139 ._react-colorful__saturation_1uu86_153 { border-radius: 6px 6px 0 0; } ._color__picker-container_1uu86_139 ._react-colorful__saturation-pointer_1uu86_157 { width: 10px; height: 10px; } ._color__picker-container_1uu86_139 ._react-colorful__hue_1uu86_162 { height: 10px; border-radius: 0 0 6px 6px; } ._color__picker-container_1uu86_139 ._react-colorful__hue-pointer_1uu86_167 { width: 10px; height: 10px; border-radius: 99%; } /*TextEditorOptions*/ ._textditorOptionMain_1uu86_174 { display: flex; flex-direction: column; height: calc(100vh - 212px); gap: 1rem; } ._textditorOptionRoot_1uu86_181 { display: flex; flex-direction: row; height: 100%; } ._optionRoot_1uu86_187 { display: flex; flex: 0.6; flex-direction: column; } ._contentDiv_1uu86_193 { display: flex; flex: 1; } ._optionSubDiv_1uu86_198 { width: 100%; display: flex; flex-direction: column; gap: 1rem; overflow-y: auto; /* height: 100%; */ } ._opt_1uu86_69 { width: 94%; display: flex; flex-direction: column; gap: 0.5rem; } ._btnDiv_1uu86_214 { display: flex; align-items: center; margin-top: 12px; padding-left: 19%; } ._btn_1uu86_214 { width: 20vw; height: 48px; } ._contentDivSub_1uu86_227 { display: flex; flex-direction: column; padding: 0 2rem; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } ._output_card__image_1uu86_238 { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 5px; } ._contentTextDivSub_1uu86_246 { display: flex; overflow-y: auto; padding: 0rem 2rem; flex-direction: column; /* flex: 1; max-height: 100%; */ padding-left: 15%; } ._textGenCopyDiv_1uu86_256 { display: flex; flex-direction: column; background-color: var(--color-palette-gray-800, #394455); border-radius: 1.5rem; flex: 1; height: 100%; padding: 12px 0px 12px 12px; } ._textTitleGenCopyDiv_1uu86_266 { display: flex; align-items: center; gap: 1rem; padding: 1rem; } ._divider_1uu86_273 { background-color: #394455; } ._eachItem_1uu86_277 { display: flex; padding: 0.75rem 1.5rem; flex-direction: row; gap: 0.75rem; align-items: flex-start; justify-content: space-between; } ._doneIcon_1uu86_286 { display: none; cursor: pointer; } ._contentDiv_1uu86_193 { display: flex; flex-direction: column; /* padding: 1.5rem; */ height: 100%; overflow-y: auto; } ._eachItem_1uu86_277:hover { background-color: #253042; border-radius: 8px; } ._eachItem_1uu86_277:hover>._doneIcon_1uu86_286 { display: flex; } ._txt_1uu86_308 { color: #7D899C; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.12px; font-weight: 500; } ._txtSelected_1uu86_319 { font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.12px; font-weight: 500; color: white; }:root { --rc-drag-handle-size: 18px; --rc-drag-handle-mobile-size: 24px; --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2); --rc-drag-bar-size: 12px; --rc-border-color: rgba(255, 255, 255, 0.7); --rc-focus-color: #0088ff; } .ReactCrop { position: relative; display: inline-block; cursor: crosshair; max-width: 100%; } .ReactCrop *, .ReactCrop *:before, .ReactCrop *:after { box-sizing: border-box; } .ReactCrop--disabled, .ReactCrop--locked { cursor: inherit; } .ReactCrop__child-wrapper { overflow: hidden; max-height: inherit; } .ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video { display: block; max-width: 100%; max-height: inherit; } .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video { touch-action: none; } .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection { touch-action: none; } .ReactCrop__crop-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .ReactCrop__crop-selection { position: absolute; top: 0; left: 0; transform: translateZ(0); cursor: move; } .ReactCrop--disabled .ReactCrop__crop-selection { cursor: inherit; } .ReactCrop--circular-crop .ReactCrop__crop-selection { border-radius: 50%; } .ReactCrop--circular-crop .ReactCrop__crop-selection:after { pointer-events: none; content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid var(--rc-border-color); opacity: 0.3; } .ReactCrop--no-animate .ReactCrop__crop-selection { outline: 1px dashed white; } .ReactCrop__crop-selection:not( .ReactCrop--no-animate .ReactCrop__crop-selection ) { animation: marching-ants 1s; background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%); background-size: 20px 5px, 20px 5px, 5px 20px, 5px 20px; background-position: 0 0, 0 100%, 0 0, 100% 0; background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; color: #fff; animation-play-state: running; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes marching-ants { 0% { background-position: 0 0, 0 100%, 0 0, 100% 0; } to { background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px; } } .ReactCrop__crop-selection:focus { outline: 2px solid var(--rc-focus-color); outline-offset: -1px; } .ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection { display: none; } .ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after { content: ""; display: block; position: absolute; background-color: #fff6; } .ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after { width: 1px; height: 100%; } .ReactCrop__rule-of-thirds-vt:before { left: 33.3333333333%; } .ReactCrop__rule-of-thirds-vt:after { left: 66.6666666667%; } .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after { width: 100%; height: 1px; } .ReactCrop__rule-of-thirds-hz:before { top: 33.3333333333%; } .ReactCrop__rule-of-thirds-hz:after { top: 66.6666666667%; } .ReactCrop__drag-handle { position: absolute; width: var(--rc-drag-handle-size); height: var(--rc-drag-handle-size); background-color: var(--rc-drag-handle-bg-colour); border: 1px solid var(--rc-border-color); } .ReactCrop__drag-handle:focus { background: var(--rc-focus-color); } .ReactCrop .ord-nw { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nw-resize; } .ReactCrop .ord-n { top: 0; left: 50%; transform: translate(-50%, -50%); cursor: n-resize; } .ReactCrop .ord-ne { top: 0; right: 0; transform: translate(50%, -50%); cursor: ne-resize; } .ReactCrop .ord-e { top: 50%; right: 0; transform: translate(50%, -50%); cursor: e-resize; } .ReactCrop .ord-se { bottom: 0; right: 0; transform: translate(50%, 50%); cursor: se-resize; } .ReactCrop .ord-s { bottom: 0; left: 50%; transform: translate(-50%, 50%); cursor: s-resize; } .ReactCrop .ord-sw { bottom: 0; left: 0; transform: translate(-50%, 50%); cursor: sw-resize; } .ReactCrop .ord-w { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: w-resize; } .ReactCrop__disabled .ReactCrop__drag-handle { cursor: inherit; } .ReactCrop__drag-bar { position: absolute; } .ReactCrop__drag-bar.ord-n { top: 0; left: 0; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(-50%); } .ReactCrop__drag-bar.ord-e { right: 0; top: 0; width: var(--rc-drag-bar-size); height: 100%; transform: translate(50%); } .ReactCrop__drag-bar.ord-s { bottom: 0; left: 0; width: 100%; height: var(--rc-drag-bar-size); transform: translateY(50%); } .ReactCrop__drag-bar.ord-w { top: 0; left: 0; width: var(--rc-drag-bar-size); height: 100%; transform: translate(-50%); } .ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w { display: none; } @media (pointer: coarse) { .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w { display: none; } .ReactCrop__drag-handle { width: var(--rc-drag-handle-mobile-size); height: var(--rc-drag-handle-mobile-size); } } .noEvents { canvas { pointer-events: none; } }._promptRoot_hcfeg_1 { display: flex; flex-direction: column; /* background-image: url('../../assets/editorBg.png'); */ flex: 1; position: relative; } ._promptWrapper_hcfeg_9 { display: flex; flex: 1; padding: 32px 72px; flex-direction: column; /* justify-content: flex-start; */ /* align-items: flex-start; */ } ._titleDiv_hcfeg_18 { display: flex; flex-direction: column; gap: 0.5rem; } ._firstDIv_hcfeg_24 { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; } ._saveIcon_hcfeg_31 { color: #7d899c; } ._listRoot_hcfeg_35 { display: flex; flex-direction: row; gap: 1rem; margin-top: 1.5rem; } ._imagesDiv_hcfeg_42 { display: flex; width: 100%; /* flex-direction: row; */ /* flex-wrap: wrap; */ /* gap: 1rem; */ /* overflow: auto; */ /* flex: 1; */ padding-bottom: 90px; } ._imageDiv_hcfeg_53 { display: flex; gap: 16px; } ._lastDiv_hcfeg_58 { position: fixed; bottom: 0; left: 0; right: 0; height: 80px; padding: 0.75rem 1rem 0.75rem 1.5rem; justify-content: space-between; background-color: #253042; display: flex; flex-direction: row; align-items: center; z-index: 5; } ._row_hcfeg_73 { display: flex; gap: 1.5rem; align-items: center; } ._logo_hcfeg_79 { height: 32px; width: 32px; } ._btn_hcfeg_84 { width: 140px; height: 56px; display: flex; align-items: center; justify-content: center; gap: 0.25rem; } ._btnTitle_hcfeg_93 { color: #fff; } ._eachImg_hcfeg_97 { /* width: auto !important; height: auto !important; */ background-color: #253042; position: relative; cursor: pointer; height: fit-content; min-height: 100px; /* width: 100%; height: 100%; */ &.fbAd { width: 380px; } } ._eachImgFbAds_hcfeg_112 { background-color: #253042; position: relative; cursor: pointer; /* height: 200px; */ } ._img_hcfeg_119 { height: 100%; width: 100%; } ._doneIcon_hcfeg_124 { color: #fff; } ._doneDiv_hcfeg_128 { height: 24px; width: 24px; border-radius: 12px; position: absolute; background-color: black; top: 4px; left: 4px; z-index: 2; } ._arrowIcon_hcfeg_139 { font-size: 1rem; color: #fff; } ._eachImgBtnDiv_hcfeg_144 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; top: 5px; right: 5px; position: absolute; background-color: black; padding: 0px 4px; border-radius: 4px; } ._container_1by7d_1 { display: flex; height: 100vh; width: 100vw; overflow: hidden; } ._leftContainer_1by7d_8 { display: flex; flex-direction: column; /* gap: 1rem; */ background-color: #1A202B; width: 50vw; } ._header_1by7d_16 { padding: 3rem 0 2rem 4.625rem; position: static; height: initial; } ._logo_1by7d_22 { width: 40px; height: 40px; } ._rightContainer_1by7d_27 { background-color: #1A202B; width: 50vw; /* for vertical margin auto, to align enter center even when scroll is enabled */ display: flex; justify-content: center; /* for nested suspense loading */ position: relative; height: 100vh; overflow-y: auto; /* all text with in should be in "em" */ font-size: 14px; } ._imgContainer_1by7d_41 { display: flex; justify-content: center; height: 76vh; margin-left: 4.625rem; } ._img_1by7d_41 { height: 100%; width: initial; border-radius: 8px; } ._field_syk9i_1 { display: flex; flex-direction: column; gap: 0.4rem; min-height: 105px; } ._label_syk9i_8 { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.375rem; color: #C8CED7; margin: 0; } ._textField_syk9i_18 ._inputBase_syk9i_18 { border: 2px solid #393E44; border-radius: 12px; height: 52px; } ._textField_syk9i_18 input:disabled{ -webkit-text-fill-color: #394455; } ._textField_syk9i_18 input, ._textField_syk9i_18 input::placeholder { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0.02em; color: #7C878E; opacity: 1; } ._textField_syk9i_18 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #1A202B inset !important; -webkit-text-fill-color: #777E90 !important; border-radius: 0; height: 0px; } ._invalidText_11ddo_1 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: .775rem; letter-spacing: 0.01em; color: #F34A3F; } ._titleSection_140gi_1 { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 2rem; } ._subTitle_140gi_8 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; color: #FFFFFF; } ._title_140gi_1 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0.01rem; color: #FFFFFF; } ._helperText_140gi_27{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0.01rem; color: #FFFFFF; } ._container_sybgu_1, ._form_sybgu_2 { display: flex; flex-direction: column; } ._container_sybgu_1 { width: 80%; max-width: 420px; justify-content: center; } ._form_sybgu_2 { gap: 0.2rem; } ._checkboxField_sybgu_17 { display: flex; flex-direction: column; margin: 0px; } ._checkboxField_sybgu_17 ._invalidText_sybgu_23 { margin: 3px 14px 0; } ._text_sybgu_27 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 0.75em; line-height: 1.25rem; letter-spacing: 0.02em; margin: 0; color: #777E90; margin-left: 0.5rem; } ._text_sybgu_27 a { color: #0185FF; } ._center_sybgu_43 { text-align: center; } label._text_sybgu_27 { cursor: pointer; user-select: none; } ._google_sybgu_52 { background: transparent !important; gap: 1rem !important; border: 2px solid #393E44 !important; } ._button_sybgu_58:focus { outline: none; } ._divider_sybgu_62 { border-top: 1px solid #687397; position: relative; margin: 1.5rem 0 } ._divider_sybgu_62::after { content: "or"; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 0 1.5rem; z-index: 2; background: #1A202B; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; text-align: center; letter-spacing: -0.01em; color: #777E90; } ._checkboxField_sybgu_17 { display: flex; flex-direction: column; } ._checkboxInner_sybgu_91 { display: flex; align-items: center; } ._checkboxField_sybgu_17 ._invalidText_sybgu_23 { margin: 3px 14px 0; } ._checkbox_sybgu_17 { color: #687397; padding: 0; } ._container_t7ggw_1 { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 80%; } ._form_t7ggw_9 { display: flex; flex-direction: column; gap: 0,2rem; } ._titleSection_t7ggw_15 { display: flex; flex-direction: column; gap: 1rem; } ._title_t7ggw_15 { font-family: 'Inter'; font-style: normal; font-weight: 800; font-size: 2.5em; color: #FFFFFF; margin-bottom: 0; } ._subTitle_t7ggw_30 { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 1.125em; letter-spacing: 0.01em; color: #777E90; margin-bottom: 0; } ._field_t7ggw_40 { display: flex; flex-direction: column; gap: 0.4rem; } ._label_t7ggw_46 { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 1em; color: #B1B5C3; margin: 0; } ._textField_t7ggw_55 ._inputBase_t7ggw_55 { border: 0.5px solid #687397; border-radius: 5px; } ._textField_t7ggw_55 input, ._textField_t7ggw_55 input::placeholder { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-size: .9375em; letter-spacing: 0.02em; color: #777E90; opacity: 1; } ._textField_t7ggw_55 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #111314 inset !important; -webkit-text-fill-color: #777E90 !important; border-radius: 0; } ._text_t7ggw_55 { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-size: 1em; letter-spacing: 0.02em; margin: 0; color: #777E90; } ._text_t7ggw_55._end_t7ggw_87 { text-align: end; } ._text_t7ggw_55 a { color: #0185FF; } ._button_t7ggw_95 { border: none; background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border-radius: 5px; width: 100%; cursor: pointer; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1em; letter-spacing: -0.01em; color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 0.8em; padding: 1em; } ._button_t7ggw_95:focus { outline: none; } ._button_t7ggw_95._back_t7ggw_118 { padding: .5rem 1.25rem; background: #FCFCFC; border: .125rem solid #EFEFEF; border-radius: .5rem; width: fit-content; color: #1A1D1F; gap: 0.5rem; } ._button_t7ggw_95._back_t7ggw_118 svg { color: #6F767E; } ._invalidText_t7ggw_132 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: .775rem; letter-spacing: 0.01em; color: #F34A3F; } ._link_t7ggw_141 { color: #0185FF; font-family: 'Inter', sans-serif; cursor: pointer; } ._container_evjwt_1 { display: flex; flex-direction: column; justify-content: center; width: 80%; max-width: 420px; } ._titleSection_evjwt_9 { display: flex; flex-direction: column; gap: 0.25rem; } ._title_evjwt_9 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.5em; line-height: 2em; color: #FFFFFF; margin-bottom: 0; } ._subTitle_evjwt_25 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.125em; letter-spacing: 0.01em; color: #AEB6C4; margin-bottom: 0; } ._image_evjwt_35{ width: 65%; margin-bottom: 2rem; } ._button_evjwt_40 { border: none; background: #0869FB; border-radius: 8px; width: 100%; cursor: pointer; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1em; letter-spacing: -0.01em; color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 0.8em; height: 48px; } ._container_1g4d7_1 { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 80%; justify-content: center; } ._button_1g4d7_10 { border: none; background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border-radius: 5px; width: 100%; cursor: pointer; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1em; letter-spacing: -0.01em; color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 0.8em; padding: 1em; } ._button_1g4d7_10:focus { outline: none; } ._button_1g4d7_10._back_1g4d7_33 { padding: .5rem 1.25rem; background: #FCFCFC; border: .125rem solid #EFEFEF; border-radius: .5rem; width: fit-content; color: #1A1D1F; gap: 0.5rem; } ._button_1g4d7_10._back_1g4d7_33 svg { color: #6F767E; } ._text_1g4d7_47 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.25em; letter-spacing: 0.02em; margin-bottom: 0; color: #777E90; } ._image_1g4d7_57 { width: 70%; margin-bottom: 2rem; } ._confirmed_1g4d7_62 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: .9375em; color: #83BF6E; margin-bottom: 0; display: flex; align-items: center; gap: 1rem; } ._btn_1g4d7_74{ margin-top: 1rem; } ._button_1a7pu_1 { border: none; background: #0869FB; border-radius: 8px; width: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.8em; height: 48px; min-height: 48px; color: #FFFFFF; } ._buttonTitle_1a7pu_16 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 1em; line-height: 1.5rem; letter-spacing: -0.01em; color: #FFFFFF; } ._container_1g4d7_1 { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 80%; justify-content: center; } ._button_1g4d7_10 { border: none; background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border-radius: 5px; width: 100%; cursor: pointer; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1em; letter-spacing: -0.01em; color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 0.8em; padding: 1em; } ._button_1g4d7_10:focus { outline: none; } ._button_1g4d7_10._back_1g4d7_33 { padding: .5rem 1.25rem; background: #FCFCFC; border: .125rem solid #EFEFEF; border-radius: .5rem; width: fit-content; color: #1A1D1F; gap: 0.5rem; } ._button_1g4d7_10._back_1g4d7_33 svg { color: #6F767E; } ._text_1g4d7_47 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 1.25em; letter-spacing: 0.02em; margin-bottom: 0; color: #777E90; } ._image_1g4d7_57 { width: 70%; margin-bottom: 2rem; } ._confirmed_1g4d7_62 { font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: .9375em; color: #83BF6E; margin-bottom: 0; display: flex; align-items: center; gap: 1rem; } ._btn_1g4d7_74{ margin-top: 1rem; } ._logo_1nba0_1 { width: 9.1419rem; } ._button-cta_1nba0_5 { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; border-width: 1px; border-style: solid; border-radius: 5px; color: #F5F5F5; text-transform: none; border-color: transparent; padding: 0.8rem 2rem; cursor: pointer; } ._button-cta_1nba0_5:focus { outline: none; } ._button-cta_1nba0_5._button--primary_1nba0_25 { background: linear-gradient(115.11deg, #3E69FA 16.81%, #2DAEF5 78.52%); border: none; } a { text-decoration: none; color: #F5F5F5; } ._text1_1nba0_35 { font-family: 'Inter'; font-style: normal; font-weight: 800; font-size: 40px; letter-spacing: -0.02em; color: #FFFFFF; } ._text2_1nba0_44 { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; letter-spacing: 0.01em; color: #777E90; } ._text3_1nba0_53 { font-family: 'Inter'; font-style: normal; font-weight: 800; font-size: 32px; letter-spacing: -0.02em; color: #FFFFFF; }