@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 */ } .trim-handle { pointer-events: none; appearance: none; background: transparent; outline: none; } .trim-handle::-webkit-slider-thumb { pointer-events: auto; appearance: none; width: 4px; /* Thin line for frame precision */ height: 60px; /* Match timeline height */ background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.5); cursor: ew-resize; } /* Optional: Add a handle "tab" at the top */ .trim-handle::-webkit-slider-thumb::before { content: ""; display: block; width: 20px; height: 10px; background: #fff; position: relative; top: -10px; left: -8px; border-radius: 2px; }.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; touch-action: none; -webkit-touch-callout: none; -webkit-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; }.lazy-load-image-background.opacity { opacity: 0; } .lazy-load-image-background.opacity.lazy-load-image-loaded { opacity: 1; transition: opacity .3s; } .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_1ne7l_1 { display: flex; flex-direction: column; background-color: #212630; border-radius: 1rem; /* height: 60vh; */ padding: 1.5rem; } ._titleDiv_1ne7l_10 { display: flex; flex: 1; justify-content: space-between; align-items: center; padding: 1.25rem 2rem; max-height: 80px; } ._row_1ne7l_19 { display: flex; align-items: center; } ._title_1ne7l_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_1ne7l_33>* { height: 2.5rem !important; width: 2.5rem !important; } ._share_1ne7l_38 { padding: 0.25rem 0.75rem; display: flex; background-color: #394455; border-radius: 2.5rem; align-items: center; gap: 0.5rem; } ._shareText_1ne7l_47 { font-family: "Inter" !important; font-size: 0.875rem !important; font-weight: 600 !important; line-height: 1.375rem !important; color: #aeb6c4 !important; } ._option_1ne7l_55 { color: #7d899c; font-size: 1.5rem; } ._lastGap_1ne7l_60 { gap: 2rem; } ._divider_1ne7l_64 { background-color: #394455; margin-bottom: 20px; } ._content_1ne7l_69 { display: flex !important; flex-direction: column; height: 100%; gap: 1rem; overflow-y: hidden; &.ad { overflow-y: scroll; } } ._contentLoader_1ne7l_80 { display: flex; flex: 1; align-items: center; justify-content: center; } ._itemMain_1ne7l_87 { display: flex; flex-direction: column; gap: 1rem; } ._firstDiv_1ne7l_93 { display: flex; padding: 1rem; align-items: center; flex: 1; border-radius: 12px; justify-content: space-between; background-color: #1a202b; } ._dataDiv_1ne7l_103 { display: flex; gap: 1.5rem; flex-direction: row; padding: 0.75rem; align-items: flex-start; justify-content: space-between; } ._dataGap_1ne7l_112 { gap: 0.5rem !important; display: flex; flex-direction: column; } ._titleText_1ne7l_118 { font-weight: 600 !important; text-align: left !important; color: #fcfdfe !important; } ._subTitleText_1ne7l_124 { font-weight: 600 !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; color: #fcfdfe !important; } ._descriptionText_1ne7l_131 { text-overflow: unset !important; -webkit-line-clamp: unset !important; color: #fcfdfe !important; } ._itemBottom_1ne7l_137 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: auto; } ._rowStart_1ne7l_145 { display: flex; flex-direction: row; align-items: flex-start; gap: 0.75rem; } ._row_1ne7l_19 { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } ._bookMarkBtn_1ne7l_159 { cursor: pointer; } ._saveBtn_1ne7l_163 { cursor: pointer; display: flex; align-items: center; } ._saveIcon_1ne7l_169 { color: #7d899c; } ._img_1ne7l_173 { height: 2rem; width: 2rem; margin-top: 0.25rem; } ._description_1ne7l_131 { display: flex; gap: 24px; } ._descriptionDiv_1ne7l_184 { display: flex; flex-direction: column; gap: 24px; flex: 1; } ._descriptionTxt_1ne7l_191 { font-family: "Inter" !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1.375rem !important; color: #fcfdfe !important; } ._repeatDiv_1ne7l_199 { height: 38px; width: 38px; border-radius: 12px; border: 1.5px solid #e3e9ee; cursor: pointer; display: flex; align-items: center; justify-content: center; } ._contentTextDiv_1ne7l_210 { display: flex; flex: 1; align-items: center; padding: 1rem; border-radius: 0.75rem; background-color: #1a202b; } ._contentText_1ne7l_210 { color: #aeb6c4 !important; } ._faccebookImagesDiv_1ne7l_223 { display: flex; flex-flow: row; gap: 1rem; align-items: center; overflow-x: auto; padding-bottom: 0.75rem; } ._imagesDiv_1ne7l_232 { display: flex; flex-flow: row; gap: 1rem; align-items: center; overflow-x: auto; padding-bottom: 0.75rem; } ._imagesEachDiv_1ne7l_241 { width: 50%; display: flex; } ._image_nfs_genereted_div_top_1ne7l_246 { 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_1ne7l_246 { -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_1ne7l_272 { display: flex; flex-flow: row; gap: 0.25rem; position: relative; border: 4px solid transparent; border-radius: 11px; cursor: pointer; } ._imageBookmarkContainerSelected_1ne7l_282 { border: 4px solid #0869fb; } ._imageGenertorImg_1ne7l_286 { width: 50%; height: 35vh; border-radius: 0.5rem; background-color: #394455; } ._contentDiv_1ne7l_293 { display: flex; flex-direction: column; gap: 1rem; flex: 1; width: 100%; } ._status_1ne7l_301 { display: flex; align-items: center; flex: 1; gap: 1.5rem; } ._icon_1ne7l_308 { font-size: 1.5rem !important; color: #4bab71; width: 2.5rem !important; } ._statusText_1ne7l_314 { font-family: "Inter" !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5rem !important; color: #7c878e !important; } ._descriptionMainDiv_1ne7l_322 { display: flex; align-items: flex-start; gap: 1.5rem; } ._optionsMain_1ne7l_328 { display: flex; align-items: center; justify-content: space-between; } ._optionsSub_1ne7l_334 { display: flex; align-items: center; gap: 1rem; } ._saveIcon_1ne7l_169 { color: #7d899c; } ._discriptionIconDiv_1ne7l_344 { cursor: pointer; } ._imageDiv_1ne7l_348 { display: flex; gap: 8px; } ._bookmarkIcon_1ne7l_353 { color: #7d899c; cursor: pointer; font-size: 1.6rem !important; height: 1.6rem !important; width: 1.6rem !important; padding: 0px; } ._bookmarked_1ne7l_362 { /* background-color: #0869fb; border-radius: 50%; */ font-size: 2.5rem; padding: 4px; } ._imagesDivContainer_1ne7l_369 { display: flex; } ._imagesGenDivContainer_1ne7l_373 { display: flex; } ._imagesDivContainerSmall_1ne7l_377 { display: flex; width: 200px; } ._doneDiv_1ne7l_382 { 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_1ne7l_396 { background-color: #0869fb; } ._doneDivSmall_1ne7l_400 { height: 24px; width: 24px; top: 8px; right: 8px; } ._doneIcon_1ne7l_407 { color: #aeb6c4; font-size: 18px; } ._doneIconSmall_1ne7l_412 { color: #aeb6c4; font-size: 12px; } ._doneIconSelected_1ne7l_417 { color: white; } ._doneIconSelectedSmall_1ne7l_421 { font-size: 12px; } /* texLayout */ ._textLayoutContainer_1ne7l_427 { display: flex; flex-direction: column; background-color: #212630; border-radius: 20px; height: calc(100vh - 105px); } ._textLayoutTitle_1ne7l_435 { display: flex; align-items: center; padding: 16px 20px; justify-content: space-between; } ._textLayoutListContainer_1ne7l_442 { display: flex; flex-direction: column; padding: 24px 16px; gap: 24px; height: 100%; position: relative; overflow: auto; @media (max-width: 600px) { padding: 8px; } } ._textLayoutListLoader_1ne7l_455 { position: absolute; left: 50%; top: 50%; z-index: 10; } ._textLayoutList_1ne7l_442 { display: flex; width: 100%; flex-direction: column; margin-top: 1rem; } ._textLayoutListContainerNoData_1ne7l_469 { display: flex; align-items: center; justify-content: center; } ._textLayoutListItemContainer_1ne7l_475 { display: flex; gap: 24px; align-items: center; } ._textLayoutListItemLogo_1ne7l_481 { height: 32px; width: 32px; } ._textLayoutListEachItem_1ne7l_486 { 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_1ne7l_498 { margin: 0px 0px 0px 8px } ._textLayoutListEachItem_1ne7l_486:hover { background-color: var(--color-palette-gray-900, #151A22); cursor: pointer; } ._textLayoutListEachItem_1ne7l_486:hover ._textLayoutListTextField_1ne7l_507 { background: var(--color-palette-gray-900, #151A22), } ._textLayoutListItemOptions_1ne7l_511 { display: flex; align-items: center; width: 140px; gap: 6px; background-color: #151a23c4; height: 100%; padding: 0 8px; position: absolute; right: 0; top: 0; } ._textLayoutListItemOptions_1ne7l_511>span { /* background-color: #212630; */ border-radius: 4px; padding: 2px; display: flex; align-items: center; justify-content: center; height: 28px; width: 28px; } ._textLayoutListItemOptions_1ne7l_511>span>span { height: 19px; width: 19px; } ._textLayoutListItemOptions_1ne7l_511>span:hover { /* color: #FFF; */ border-radius: 4px; padding: 2px; display: flex; align-items: center; justify-content: center; } ._textLayoutListIcon_1ne7l_549 { height: 18px; width: 18px; color: #B3BAC5; } ._textLayoutListIcon_1ne7l_549>svg { height: 18px; width: 18px; } ._textLayoutListIcon_1ne7l_549:hover { color: #FFF; }.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; 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 */ 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{ background: transparent !important; margin-bottom: 8px; } .video-js .vjs-play-control { background: #2B333F; border-radius: 16px; padding: 4px; width: 32px; height: 32px; margin: 0 8px; } .video-js .vjs-play-control .vjs-button > .vjs-icon-placeholder:before{ line-height: 32px !important; } .video-js .vjs-volume-panel { background: #2B333F; border-radius: 16px; padding: 4px; width: 32px; height: 32px; display: flex; align-items: center; } .video-js .vjs-volume-panel .vjs-button > .vjs-icon-placeholder:before{ width: 24px !important; line-height: 24px !important; } .video-js .vjs-picture-in-picture-control{ display: none !important; } .video-js .vjs-fullscreen-control{ display: none !important; } .video-js .vjs-loading-spinner { display: none !important; } /* Hide all possible loading indicators */ .video-js .vjs-loading-spinner, .video-js .vjs-loading-spinner *, .video-js .vjs-loading-spinner::before, .video-js .vjs-loading-spinner::after { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Hide any other loading indicators */ .video-js .vjs-spinner, .video-js .vjs-spinner *, .video-js .vjs-spinner::before, .video-js .vjs-spinner::after { display: none !important; visibility: hidden !important; opacity: 0 !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; }/* Creative Table Styles - Dark Theme */ ._tableContainer_deon9_3 { width: 100%; height: 100%; max-height: calc(100vh - 200px); overflow: hidden; display: flex; flex-direction: column; } ._horizontalScrollContainer_deon9_12 { overflow-x: auto; overflow-y: auto; flex: 1; position: relative; } ._horizontalScrollContainer_deon9_12::-webkit-scrollbar { width: 8px; height: 8px; } ._horizontalScrollContainer_deon9_12::-webkit-scrollbar-track { background: var(--color-palette-gray-800, #253042); border-radius: 4px; } ._horizontalScrollContainer_deon9_12::-webkit-scrollbar-thumb { background: var(--color-palette-gray-600, #5c6674); border-radius: 4px; } ._horizontalScrollContainer_deon9_12::-webkit-scrollbar-thumb:hover { background: var(--color-palette-gray-500, #7d899c); } ._tableContent_deon9_38 { min-width: max-content; display: flex; flex-direction: column; } /* Header Styles */ ._tableHeader_deon9_45 { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--color-palette-gray-700, #394455); } ._headerRow_deon9_52 { display: grid; align-items: center; gap: 0; background: #0b0f16; } ._headerCell_deon9_59 { display: flex; align-items: center; padding: 0 12px; height: 40px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; color: var(--color-palette-gray-500, #7d899c); /* text-transform: uppercase; */ letter-spacing: 0.5px; white-space: nowrap; -webkit-user-select: none; user-select: none; } ._headerCellAction_deon9_74 { position: sticky; right: 0; z-index: 25; background: #0b0f16; height: 100%; } /* Row Styles */ ._tableBody_deon9_83 { flex: 1; } ._tableRow_deon9_87 { display: grid; align-items: start; border-bottom: 1px solid var(--color-palette-gray-800, #253042); /* transition: background-color 0.15s ease; */ min-height: 100px; } /* .tableRow:hover { background: var(--color-palette-gray-700, #333843); } */ /* .tableRow:hover .actionCell { background: var(--color-palette-gray-700, #333843); } */ ._tableRowSelected_deon9_103 { background: rgba(8, 105, 251, 0.1); } /* .tableRowSelected:hover { background: rgba(8, 105, 251, 0.15); } */ /* Variant Row Styles */ ._variantRow_deon9_112 { display: grid; align-items: stretch; border-bottom: 1px solid var(--color-palette-gray-800, #253042); background: var(--neutral-light-n-700, #212630); min-height: 48px; } /* .variantRow:hover { background: var(--color-palette-gray-700, #394455); } */ /* .variantRow:hover .actionCell { background: var(--color-palette-gray-700, #394455); } */ ._variantIndicator_deon9_128 { display: flex; align-items: center; gap: 4px; padding-left: 24px; } ._variantIndicator_deon9_128::before { content: ""; display: inline-block; width: 12px; height: 12px; border-left: 2px solid var(--color-palette-gray-600, #5c6674); border-bottom: 2px solid var(--color-palette-gray-600, #5c6674); border-radius: 0 0 0 4px; margin-right: 8px; } /* Cell Styles */ ._cell_deon9_147 { display: flex; align-items: start; padding: 8px 12px; min-height: 100%; border-right: 1px solid transparent; transition: all 0.15s ease; } /* .cellFocused { */ /* background: var(--color-palette-gray-600, #333843); */ /* border-color: var(--blue-300, #0869fb); box-shadow: inset 0 0 0 1px var(--blue-300, #0869fb); */ /* } */ /* Action Cell Sticky */ ._actionCell_deon9_99 { position: sticky; right: 0; z-index: 15; height: 100%; background: #0b0f16; box-shadow: -4px 0 8px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; gap: 8px; padding: 8px 12px; } ._actionButton_deon9_176 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background: transparent; border: none; cursor: pointer; transition: all 0.15s ease; color: var(--color-palette-gray-400, #aeb6c4); } /* .actionButton:hover { background: var(--color-palette-gray-600, #29303f); color: var(--neutral-white, #fff); } */ ._actionButton_deon9_176:active { background: var(--color-palette-gray-500, #313b50); } /* .actionButtonDanger:hover { background: rgba(255, 86, 48, 0.15); color: var(--red-300, #ff5630); } */ /* Editable Cell Inputs */ ._textInput_deon9_205 { width: 100%; padding: 8px 10px; background: transparent; border: 1px solid #333843; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; outline: none; transition: all 0.15s ease; resize: none; } ._textInput_deon9_205:disabled { cursor: not-allowed; color: var(--color-palette-gray-500, #7d899c); } ._textInput_deon9_205::placeholder { color: var(--color-palette-gray-500, #7d899c); } /* .textInput:hover { background: var(--color-palette-gray-700, #394455); } */ /* .textInput:focus { background: var(--color-palette-gray-800, #151A22); border-color: var(--blue-300, #151A22); } */ ._textArea_deon9_239 { min-height: 80px; max-height: 80px; resize: vertical; } /* Dropdown Styles */ ._dropdown_deon9_246 { position: relative; width: 100%; } ._dropdownTrigger_deon9_251 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 10px; background: #161B25; border: 1px solid #333843; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 400; color: var(--color-palette-gray-300, #c8ced7); cursor: pointer; transition: all 0.15s ease; } /* .dropdownTrigger:hover { background: var(--color-palette-gray-700, #394455); } */ ._dropdownTrigger_deon9_251._active_deon9_272 { /* background: var(--color-palette-gray-800,#161B25); */ background: #161B25; border-color: var(--blue-300, #0869fb); } ._dropdownPlaceholder_deon9_278 { color: var(--color-palette-gray-500, #7d899c); } ._dropdownIcon_deon9_282 { width: 16px; height: 16px; color: var(--color-palette-gray-500, #7d899c); transition: transform 0.2s ease; } ._dropdownIconOpen_deon9_289 { transform: rotate(180deg); } ._dropdownMenu_deon9_293 { position: absolute; min-width: 150px; /* background: var(--color-palette-gray-700, #161B25); */ background: #161B25; border: 1px solid var(--color-palette-gray-600, #5c6674); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); overflow: hidden; max-height: 200px; overflow-y: auto; } ._dropdownOption_deon9_307 { display: flex; align-items: center; padding: 10px 12px; font-family: "Inter", sans-serif; font-size: 13px; color: var(--color-palette-gray-300, #c8ced7); cursor: pointer; /* transition: background 0.15s ease; */ } /* .dropdownOption:hover { background: var(--color-palette-gray-600, #29303f); } */ ._dropdownOptionSelected_deon9_322 { background: #29303f; } /* MultiSelect Chips */ ._multiSelectContainer_deon9_327 { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; padding: 4px; min-height: 40px; align-items: center; } ._chip_deon9_337 { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; /* background: var(--color-palette-gray-600, #29303f); */ border-radius: 4px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500; /* color: var(--color-palette-gray-300, #c8ced7); */ background: #212630; color: #fff; border-radius: 12px; white-space: normal; word-break: break-word; overflow-wrap: anywhere; } ._chipRemove_deon9_357 { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; cursor: pointer; opacity: 0.6; transition: opacity 0.15s ease; background: #8993A4; border-radius: 50%; font-size: 9px; color: #212630; font-weight: 900; } /* .chipRemove:hover { opacity: 1; } */ /* Date Picker */ ._datePicker_deon9_379 { width: 100%; /* padding: 8px 10px; */ background: transparent; border: 1px solid transparent; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 13px; color: var(--color-palette-gray-300, #c8ced7); cursor: pointer; transition: all 0.15s ease; } ._datePicker_deon9_379::-webkit-calendar-picker-indicator { filter: invert(86%) sepia(9%) saturate(180%) hue-rotate(185deg) brightness(92%) contrast(90%); } /* .datePicker:hover { background: var(--color-palette-gray-700, #394455); } */ ._datePicker_deon9_379:focus { background: var(--color-palette-gray-800, #253042); border-color: var(--blue-300, #0869fb); outline: none; } /* Preview Cell */ ._previewCell_deon9_407 { display: flex; align-items: center; justify-content: center; width: 84px; background: var(--color-palette-gray-700, #394455); border-radius: 6px; overflow: hidden; position: relative; } ._previewImage_deon9_418 { width: 100%; height: 100%; object-fit: contain; } ._previewOverlay_deon9_423{ position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; background: #006644; display: flex; padding: 4px; border-radius: 4px; } ._previewPlaceholder_deon9_436 { width: 24px; height: 24px; color: var(--color-palette-gray-500, #7d899c); } /* Checkbox */ ._checkbox_deon9_443 { display: flex; align-items: center; justify-content: center; } ._checkboxInput_deon9_449 { width: 16px; height: 16px; cursor: pointer; accent-color: #fff; } ._expandIcon_deon9_456 { width: 16px; height: 16px; transition: transform 0.2s ease; } ._expandIconOpen_deon9_462 { transform: rotate(180deg); } /* Empty State */ ._emptyState_deon9_467 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; gap: 12px; } ._emptyStateText_deon9_476 { font-family: "Inter", sans-serif; font-size: 14px; color: var(--color-palette-gray-500, #7d899c); } /* Selection Header */ ._selectionHeader_deon9_483 { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: rgba(8, 105, 251, 0.15); /* border-bottom: 1px solid var(--blue-300, #0869fb); */ } ._selectionCount_deon9_492 { font-family: "Inter", sans-serif; font-size: 13px; font-weight: 500; color: var(--blue-100, #74aafd); } ._bulkAction_deon9_499 { display: flex; align-items: center; gap: 4px; padding: 6px 12px; background: transparent; border: 1px solid var(--color-palette-gray-600, #5c6674); border-radius: 6px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 500; color: var(--color-palette-gray-300, #c8ced7); cursor: pointer; transition: all 0.15s ease; } ._dropdownDivider_deon9_515 { height: 1px; background-color: #e0e0e0; margin: 6px 0; } /* .bulkAction:hover { background: var(--color-palette-gray-700, #394455); border-color: var(--color-palette-gray-500, #7d899c); } */ :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; 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: flex; 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; flex: 1 1 auto; padding: 6px; display: flex; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; flex: 1; } .Toastify__toast-icon { margin-inline-end: 10px; width: 20px; flex-shrink: 0; 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; 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; } 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; } .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: flex; 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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .adroom-root .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-3 { flex: 0 0 25%; max-width: 25%; } .adroom-root .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-6 { flex: 0 0 50%; max-width: 50%; } .adroom-root .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-9 { flex: 0 0 75%; max-width: 75%; } .adroom-root .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-12 { flex: 0 0 100%; max-width: 100%; } .adroom-root .order-first { order: -1; } .adroom-root .order-last { order: 13; } .adroom-root .order-0 { order: 0; } .adroom-root .order-1 { order: 1; } .adroom-root .order-2 { order: 2; } .adroom-root .order-3 { order: 3; } .adroom-root .order-4 { order: 4; } .adroom-root .order-5 { order: 5; } .adroom-root .order-6 { order: 6; } .adroom-root .order-7 { order: 7; } .adroom-root .order-8 { order: 8; } .adroom-root .order-9 { order: 9; } .adroom-root .order-10 { order: 10; } .adroom-root .order-11 { order: 11; } .adroom-root .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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .adroom-root .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .adroom-root .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .adroom-root .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .adroom-root .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .adroom-root .order-sm-first { order: -1; } .adroom-root .order-sm-last { order: 13; } .adroom-root .order-sm-0 { order: 0; } .adroom-root .order-sm-1 { order: 1; } .adroom-root .order-sm-2 { order: 2; } .adroom-root .order-sm-3 { order: 3; } .adroom-root .order-sm-4 { order: 4; } .adroom-root .order-sm-5 { order: 5; } .adroom-root .order-sm-6 { order: 6; } .adroom-root .order-sm-7 { order: 7; } .adroom-root .order-sm-8 { order: 8; } .adroom-root .order-sm-9 { order: 9; } .adroom-root .order-sm-10 { order: 10; } .adroom-root .order-sm-11 { order: 11; } .adroom-root .order-sm-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .adroom-root .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-md-3 { flex: 0 0 25%; max-width: 25%; } .adroom-root .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-md-6 { flex: 0 0 50%; max-width: 50%; } .adroom-root .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-md-9 { flex: 0 0 75%; max-width: 75%; } .adroom-root .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-md-12 { flex: 0 0 100%; max-width: 100%; } .adroom-root .order-md-first { order: -1; } .adroom-root .order-md-last { order: 13; } .adroom-root .order-md-0 { order: 0; } .adroom-root .order-md-1 { order: 1; } .adroom-root .order-md-2 { order: 2; } .adroom-root .order-md-3 { order: 3; } .adroom-root .order-md-4 { order: 4; } .adroom-root .order-md-5 { order: 5; } .adroom-root .order-md-6 { order: 6; } .adroom-root .order-md-7 { order: 7; } .adroom-root .order-md-8 { order: 8; } .adroom-root .order-md-9 { order: 9; } .adroom-root .order-md-10 { order: 10; } .adroom-root .order-md-11 { order: 11; } .adroom-root .order-md-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .adroom-root .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .adroom-root .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .adroom-root .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .adroom-root .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .adroom-root .order-lg-first { order: -1; } .adroom-root .order-lg-last { order: 13; } .adroom-root .order-lg-0 { order: 0; } .adroom-root .order-lg-1 { order: 1; } .adroom-root .order-lg-2 { order: 2; } .adroom-root .order-lg-3 { order: 3; } .adroom-root .order-lg-4 { order: 4; } .adroom-root .order-lg-5 { order: 5; } .adroom-root .order-lg-6 { order: 6; } .adroom-root .order-lg-7 { order: 7; } .adroom-root .order-lg-8 { order: 8; } .adroom-root .order-lg-9 { order: 9; } .adroom-root .order-lg-10 { order: 10; } .adroom-root .order-lg-11 { order: 11; } .adroom-root .order-lg-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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .adroom-root .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .adroom-root .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .adroom-root .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .adroom-root .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .adroom-root .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .adroom-root .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .adroom-root .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .adroom-root .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .adroom-root .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .adroom-root .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .adroom-root .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .adroom-root .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .adroom-root .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .adroom-root .order-xl-first { order: -1; } .adroom-root .order-xl-last { order: 13; } .adroom-root .order-xl-0 { order: 0; } .adroom-root .order-xl-1 { order: 1; } .adroom-root .order-xl-2 { order: 2; } .adroom-root .order-xl-3 { order: 3; } .adroom-root .order-xl-4 { order: 4; } .adroom-root .order-xl-5 { order: 5; } .adroom-root .order-xl-6 { order: 6; } .adroom-root .order-xl-7 { order: 7; } .adroom-root .order-xl-8 { order: 8; } .adroom-root .order-xl-9 { order: 9; } .adroom-root .order-xl-10 { order: 10; } .adroom-root .order-xl-11 { order: 11; } .adroom-root .order-xl-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::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: flex; 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: inline-flex; 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: flex; flex-flow: row wrap; align-items: center; } .adroom-root .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .adroom-root .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .adroom-root .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; 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: flex; align-items: 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 { align-items: 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; 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: inline-flex; vertical-align: middle; } .adroom-root .btn-group-vertical > .btn, .adroom-root .btn-group > .btn { position: relative; 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: flex; flex-wrap: wrap; 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 { flex-direction: column; align-items: flex-start; 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: flex; flex-wrap: wrap; 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; 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: flex; 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: 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: flex; 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: 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; 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; 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: flex; 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 { flex: 1 1 auto; text-align: center; } .adroom-root .nav-justified .nav-item { flex-basis: 0; 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: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .adroom-root .navbar > .container, .adroom-root .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; 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: flex; 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 { flex-basis: 100%; flex-grow: 1; 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 { flex-flow: row nowrap; justify-content: flex-start; } .adroom-root .navbar-expand-sm .navbar-nav { 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 { flex-wrap: nowrap; } .adroom-root .navbar-expand-sm .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .adroom-root .navbar-expand-md .navbar-nav { 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 { flex-wrap: nowrap; } .adroom-root .navbar-expand-md .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .adroom-root .navbar-expand-lg .navbar-nav { 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 { flex-wrap: nowrap; } .adroom-root .navbar-expand-lg .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; justify-content: flex-start; } .adroom-root .navbar-expand-xl .navbar-nav { 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 { flex-wrap: nowrap; } .adroom-root .navbar-expand-xl .navbar-collapse { display: flex !important; 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 { flex-flow: row nowrap; 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 { 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 { flex-wrap: nowrap; } .adroom-root .navbar-expand .navbar-collapse { display: flex !important; 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: flex; 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 { 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: flex; flex-direction: column; } .adroom-root .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .adroom-root .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .adroom-root .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .adroom-root .card-group { display: flex; flex-direction: column; } .adroom-root .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .adroom-root .card-group { flex-flow: row wrap; } .adroom-root .card-group > .card { 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 { column-count: 3; column-gap: 1.25rem; } .adroom-root .card-columns .card { display: inline-block; width: 100%; } } .adroom-root .breadcrumb { display: flex; 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: 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; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .adroom-root .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .adroom-root .progress-bar { display: flex; flex-direction: column; 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 { animation: progress-bar-stripes 1s linear infinite; } .adroom-root .media { display: flex; align-items: flex-start; } .adroom-root .media-body { flex: 1; } .adroom-root .list-group { display: flex; 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: transform 0.3s ease-out; transform: translate(0, -25%); } .adroom-root .modal.show .modal-dialog { transform: translate(0, 0); } .adroom-root .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .adroom-root .modal-content { position: relative; display: flex; 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: flex; align-items: flex-start; 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; flex: 1 1 auto; padding: 1rem; } .adroom-root .modal-footer { display: flex; align-items: center; 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; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; 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 { transform: translateX(0); } @supports (transform-style: preserve-3d) { .adroom-root .carousel-item-next.carousel-item-left, .adroom-root .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .adroom-root .active.carousel-item-right, .adroom-root .carousel-item-next { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .adroom-root .active.carousel-item-right, .adroom-root .carousel-item-next { transform: translate3d(100%, 0, 0); } } .adroom-root .active.carousel-item-left, .adroom-root .carousel-item-prev { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .adroom-root .active.carousel-item-left, .adroom-root .carousel-item-prev { transform: translate3d(-100%, 0, 0); } } .adroom-root .carousel-control-next, .adroom-root .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: flex; align-items: 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: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .adroom-root .carousel-indicators li { position: relative; 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-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: flex !important; } .adroom-root .d-inline-flex { 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: flex !important; } .adroom-root .d-sm-inline-flex { 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: flex !important; } .adroom-root .d-md-inline-flex { 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: flex !important; } .adroom-root .d-lg-inline-flex { 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: flex !important; } .adroom-root .d-xl-inline-flex { 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: flex !important; } .adroom-root .d-print-inline-flex { 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 { flex-direction: row !important; } .adroom-root .flex-column { flex-direction: column !important; } .adroom-root .flex-row-reverse { flex-direction: row-reverse !important; } .adroom-root .flex-column-reverse { flex-direction: column-reverse !important; } .adroom-root .flex-wrap { flex-wrap: wrap !important; } .adroom-root .flex-nowrap { flex-wrap: nowrap !important; } .adroom-root .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-start { justify-content: flex-start !important; } .adroom-root .justify-content-end { justify-content: flex-end !important; } .adroom-root .justify-content-center { justify-content: center !important; } .adroom-root .justify-content-between { justify-content: space-between !important; } .adroom-root .justify-content-around { justify-content: space-around !important; } .adroom-root .align-items-start { align-items: flex-start !important; } .adroom-root .align-items-end { align-items: flex-end !important; } .adroom-root .align-items-center { align-items: center !important; } .adroom-root .align-items-baseline { align-items: baseline !important; } .adroom-root .align-items-stretch { align-items: stretch !important; } .adroom-root .align-content-start { align-content: flex-start !important; } .adroom-root .align-content-end { align-content: flex-end !important; } .adroom-root .align-content-center { align-content: center !important; } .adroom-root .align-content-between { align-content: space-between !important; } .adroom-root .align-content-around { align-content: space-around !important; } .adroom-root .align-content-stretch { align-content: stretch !important; } .adroom-root .align-self-auto { align-self: auto !important; } .adroom-root .align-self-start { align-self: flex-start !important; } .adroom-root .align-self-end { align-self: flex-end !important; } .adroom-root .align-self-center { align-self: center !important; } .adroom-root .align-self-baseline { align-self: baseline !important; } .adroom-root .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .adroom-root .flex-sm-row { flex-direction: row !important; } .adroom-root .flex-sm-column { flex-direction: column !important; } .adroom-root .flex-sm-row-reverse { flex-direction: row-reverse !important; } .adroom-root .flex-sm-column-reverse { flex-direction: column-reverse !important; } .adroom-root .flex-sm-wrap { flex-wrap: wrap !important; } .adroom-root .flex-sm-nowrap { flex-wrap: nowrap !important; } .adroom-root .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-sm-start { justify-content: flex-start !important; } .adroom-root .justify-content-sm-end { justify-content: flex-end !important; } .adroom-root .justify-content-sm-center { justify-content: center !important; } .adroom-root .justify-content-sm-between { justify-content: space-between !important; } .adroom-root .justify-content-sm-around { justify-content: space-around !important; } .adroom-root .align-items-sm-start { align-items: flex-start !important; } .adroom-root .align-items-sm-end { align-items: flex-end !important; } .adroom-root .align-items-sm-center { align-items: center !important; } .adroom-root .align-items-sm-baseline { align-items: baseline !important; } .adroom-root .align-items-sm-stretch { align-items: stretch !important; } .adroom-root .align-content-sm-start { align-content: flex-start !important; } .adroom-root .align-content-sm-end { align-content: flex-end !important; } .adroom-root .align-content-sm-center { align-content: center !important; } .adroom-root .align-content-sm-between { align-content: space-between !important; } .adroom-root .align-content-sm-around { align-content: space-around !important; } .adroom-root .align-content-sm-stretch { align-content: stretch !important; } .adroom-root .align-self-sm-auto { align-self: auto !important; } .adroom-root .align-self-sm-start { align-self: flex-start !important; } .adroom-root .align-self-sm-end { align-self: flex-end !important; } .adroom-root .align-self-sm-center { align-self: center !important; } .adroom-root .align-self-sm-baseline { align-self: baseline !important; } .adroom-root .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .adroom-root .flex-md-row { flex-direction: row !important; } .adroom-root .flex-md-column { flex-direction: column !important; } .adroom-root .flex-md-row-reverse { flex-direction: row-reverse !important; } .adroom-root .flex-md-column-reverse { flex-direction: column-reverse !important; } .adroom-root .flex-md-wrap { flex-wrap: wrap !important; } .adroom-root .flex-md-nowrap { flex-wrap: nowrap !important; } .adroom-root .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-md-start { justify-content: flex-start !important; } .adroom-root .justify-content-md-end { justify-content: flex-end !important; } .adroom-root .justify-content-md-center { justify-content: center !important; } .adroom-root .justify-content-md-between { justify-content: space-between !important; } .adroom-root .justify-content-md-around { justify-content: space-around !important; } .adroom-root .align-items-md-start { align-items: flex-start !important; } .adroom-root .align-items-md-end { align-items: flex-end !important; } .adroom-root .align-items-md-center { align-items: center !important; } .adroom-root .align-items-md-baseline { align-items: baseline !important; } .adroom-root .align-items-md-stretch { align-items: stretch !important; } .adroom-root .align-content-md-start { align-content: flex-start !important; } .adroom-root .align-content-md-end { align-content: flex-end !important; } .adroom-root .align-content-md-center { align-content: center !important; } .adroom-root .align-content-md-between { align-content: space-between !important; } .adroom-root .align-content-md-around { align-content: space-around !important; } .adroom-root .align-content-md-stretch { align-content: stretch !important; } .adroom-root .align-self-md-auto { align-self: auto !important; } .adroom-root .align-self-md-start { align-self: flex-start !important; } .adroom-root .align-self-md-end { align-self: flex-end !important; } .adroom-root .align-self-md-center { align-self: center !important; } .adroom-root .align-self-md-baseline { align-self: baseline !important; } .adroom-root .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .adroom-root .flex-lg-row { flex-direction: row !important; } .adroom-root .flex-lg-column { flex-direction: column !important; } .adroom-root .flex-lg-row-reverse { flex-direction: row-reverse !important; } .adroom-root .flex-lg-column-reverse { flex-direction: column-reverse !important; } .adroom-root .flex-lg-wrap { flex-wrap: wrap !important; } .adroom-root .flex-lg-nowrap { flex-wrap: nowrap !important; } .adroom-root .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-lg-start { justify-content: flex-start !important; } .adroom-root .justify-content-lg-end { justify-content: flex-end !important; } .adroom-root .justify-content-lg-center { justify-content: center !important; } .adroom-root .justify-content-lg-between { justify-content: space-between !important; } .adroom-root .justify-content-lg-around { justify-content: space-around !important; } .adroom-root .align-items-lg-start { align-items: flex-start !important; } .adroom-root .align-items-lg-end { align-items: flex-end !important; } .adroom-root .align-items-lg-center { align-items: center !important; } .adroom-root .align-items-lg-baseline { align-items: baseline !important; } .adroom-root .align-items-lg-stretch { align-items: stretch !important; } .adroom-root .align-content-lg-start { align-content: flex-start !important; } .adroom-root .align-content-lg-end { align-content: flex-end !important; } .adroom-root .align-content-lg-center { align-content: center !important; } .adroom-root .align-content-lg-between { align-content: space-between !important; } .adroom-root .align-content-lg-around { align-content: space-around !important; } .adroom-root .align-content-lg-stretch { align-content: stretch !important; } .adroom-root .align-self-lg-auto { align-self: auto !important; } .adroom-root .align-self-lg-start { align-self: flex-start !important; } .adroom-root .align-self-lg-end { align-self: flex-end !important; } .adroom-root .align-self-lg-center { align-self: center !important; } .adroom-root .align-self-lg-baseline { align-self: baseline !important; } .adroom-root .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .adroom-root .flex-xl-row { flex-direction: row !important; } .adroom-root .flex-xl-column { flex-direction: column !important; } .adroom-root .flex-xl-row-reverse { flex-direction: row-reverse !important; } .adroom-root .flex-xl-column-reverse { flex-direction: column-reverse !important; } .adroom-root .flex-xl-wrap { flex-wrap: wrap !important; } .adroom-root .flex-xl-nowrap { flex-wrap: nowrap !important; } .adroom-root .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .adroom-root .justify-content-xl-start { justify-content: flex-start !important; } .adroom-root .justify-content-xl-end { justify-content: flex-end !important; } .adroom-root .justify-content-xl-center { justify-content: center !important; } .adroom-root .justify-content-xl-between { justify-content: space-between !important; } .adroom-root .justify-content-xl-around { justify-content: space-around !important; } .adroom-root .align-items-xl-start { align-items: flex-start !important; } .adroom-root .align-items-xl-end { align-items: flex-end !important; } .adroom-root .align-items-xl-center { align-items: center !important; } .adroom-root .align-items-xl-baseline { align-items: baseline !important; } .adroom-root .align-items-xl-stretch { align-items: stretch !important; } .adroom-root .align-content-xl-start { align-content: flex-start !important; } .adroom-root .align-content-xl-end { align-content: flex-end !important; } .adroom-root .align-content-xl-center { align-content: center !important; } .adroom-root .align-content-xl-between { align-content: space-between !important; } .adroom-root .align-content-xl-around { align-content: space-around !important; } .adroom-root .align-content-xl-stretch { align-content: stretch !important; } .adroom-root .align-self-xl-auto { align-self: auto !important; } .adroom-root .align-self-xl-start { align-self: flex-start !important; } .adroom-root .align-self-xl-end { align-self: flex-end !important; } .adroom-root .align-self-xl-center { align-self: center !important; } .adroom-root .align-self-xl-baseline { align-self: baseline !important; } .adroom-root .align-self-xl-stretch { 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: 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: sticky) { .adroom-root .sticky-top { 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; 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; 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; } } ._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; }/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ :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:#f0f;--red:red;--faded-red:#d0021b1a;--blue:#026afa;--faded-blue:#cfe3ff;--dt-bg-team:#1d1f22;--border-color:#00000014;--lighten-black:gray;--lighten-grey:#858585;--light-grey:#ebebeb;--grey:#7a7a7a;--dark-grey:#343434;--green:#28ca42;--faded-green:#02d0021a;--white:#fff;--white5:#ffffff0d;--white10:#ffffff1a;--white20:#fff3;--white30:#ffffff4d;--white40:#fff6;--white50:#ffffff80;--white60:#fff9;--white70:#ffffffb3;--white80:#fffc;--white90:#ffffffe6;--white95:#fffffff2;--black:#000;--black5:#0000000d;--black10:#0000001a;--black20:#0003;--black30:#0000004d;--black40:#0006;--black50:#00000080;--black60:#0009;--black70:#000000b3;--black80:#000c;--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:#fff;--button-text:#005fff;--secondary-button-text:var(--grey);--grey-gainsboro:#dbdbdb;--grey-whisper:#ecebeb;--highlight:#fbf4dd;--modal-shadow:#0009;--overlay:#0003;--overlay-dark:#0009;--shadow-icon:#00000040;--targetedMessageBackground:#fbf4dd;--transparent:transparent;--white-smoke:#f2f2f2;--white-snow:#fcfcfc;--unread-badge-color:#fff;--modal-overlay-color:#000000e3;--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;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.str-chat .ngxp__container .ngxp__arrow{display:none!important}.str-chat.google-chrome popper-content .ngxp__container{opacity:0;position:absolute;bottom:0;right:0;display:block!important}.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{font-family:var(--second-font);flex:1 0 100%;justify-content:flex-start;align-items:flex-start;height:100vh;margin:0;display:flex}.messenger-chat.str-chat .str-chat__container{flex-direction:row;flex:1;height:100%;display:flex}.messenger-chat.str-chat .str-chat__main-panel{width:100%;min-width:250px;height:100%;padding:var(--sm-p) var(--sm-p) 0 var(--xs-p);flex-direction:column;flex:1;display:flex}.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,.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{flex-direction:column;flex:1;width:100%;min-width:250px;height:100%;display:flex}.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,.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{justify-content:center;align-items:center;display:flex}.mml-container{font-family:inherit;font-size:15px;line-height:1.26}.mml-container *{box-sizing:border-box}.mml-wrap{flex-direction:column;max-width:66.66%;display:flex}.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{border-bottom:1px solid #e5e5e6;overflow:hidden}.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{-webkit-user-select:none;user-select:none;-webkit-appearance:none;color:#006cff;background:#f2f2f2;border:1px solid #f2f2f2;border-radius:16px;justify-content:center;align-items:center;margin:0;padding:6px 16px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.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{color:#fff;background:#006cff;border-color:#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]{color:#b2b1b5;background:#f2f2f2;border-color:#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 #00000026}.base-dark .mml-btn--floating{box-shadow:0 4px 4px #00000026}.commerce-light .mml-btn--floating{box-shadow:0 2px 5px #00000014}.commerce-dark .mml-btn--floating{box-shadow:0 4px 4px #00000026}.livestream-light .mml-btn--floating{box-shadow:0 2px 5px #bed5e480}.livestream-dark .mml-btn--floating{box-shadow:0 4px 4px #00000026}.messaging-light .mml-btn--floating{box-shadow:0 2px 5px #004aae26}.messaging-dark .mml-btn--floating{box-shadow:0 4px 4px #0000001a}.team-light .mml-btn--floating{box-shadow:0 2px 5px #00000014}.team-dark .mml-btn--floating{box-shadow:0 4px 4px #00000026}.mml-btn--floating:focus{box-shadow:none!important}.mml-btn--with-icon .mml-icon{margin-right:.4em}.mml-btn--icon{border-radius:100%;padding:5px}.mml-btnlist{display:flex}.mml-btnlist--grounded{background:#f2f2f2;border:1px solid #e5e5e6;flex-direction:column;width:100%;overflow:hidden}.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{border-width:0 0 1px;border-color:#e5e5e6;border-radius:0;width:100%;margin:0;padding:12px 16px}.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:0 0}.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-flow: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{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;padding:8px 0;display:flex;overflow-x:scroll}.mml-carousel__track::-webkit-scrollbar{display:none}.mml-carousel__slides{flex-wrap:nowrap;min-width:100%;display:flex}.mml-carousel__slide{scroll-snap-align:center;flex-direction:column;margin-right:8px;display:flex}.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:0 solid #e5e5e6;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{color:#8a898e;font-size:11px}.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{border:1px solid #e5e5e6;border-top-left-radius:0;border-top-right-radius:0;padding:10px 16px}.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{width:100%;padding-left:4px;padding-right:4px;position:relative}.mml-col-1{flex:0 0 8.33333%;max-width:8.33333%}.mml-col-2{flex:0 0 16.6667%;max-width:16.6667%}.mml-col-3{flex:0 0 25%;max-width:25%}.mml-col-4{flex:0 0 33.3333%;max-width:33.3333%}.mml-col-5{flex:0 0 41.6667%;max-width:41.6667%}.mml-col-6{flex:0 0 50%;max-width:50%}.mml-col-7{flex:0 0 58.3333%;max-width:58.3333%}.mml-col-8{flex:0 0 66.6667%;max-width:66.6667%}.mml-col-9{flex:0 0 75%;max-width:75%}.mml-col-10{flex:0 0 83.3333%;max-width:83.3333%}.mml-col-11{flex:0 0 91.6667%;max-width:91.6667%}.mml-col-12{flex:0 0 100%;max-width:100%}.mml-col-auto{flex:none;width:auto;max-width:100%}.mml-offset-1{margin-left:8.33333%}.mml-offset-2{margin-left:16.6667%}.mml-offset-3{margin-left:25%}.mml-offset-4{margin-left:33.3333%}.mml-offset-5{margin-left:41.6667%}.mml-offset-6{margin-left:50%}.mml-offset-7{margin-left:58.3333%}.mml-offset-8{margin-left:66.6667%}.mml-offset-9{margin-left:75%}.mml-offset-10{margin-left:83.3333%}.mml-offset-11{margin-left:91.6667%}.mml-error{color:#bb5151;justify-content:center;padding:8px;font-size:88%;display:flex}.mml-icon{font-family:Material Icons;font-size:16px;line-height:16px}.mml-icon__svg{fill:currentColor;width:1em;height:1em}.mml-image{width:100%;height:auto;margin:0;display:block}.mml-input{-webkit-appearance:none;color:#8a898e;border:1px solid #e5e5e6;width:100%;padding:12px 16px;position:relative}.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{color:#0e1621;outline:none}.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{color:#bbb;stroke-dasharray:80 200;stroke-dashoffset:0;width:1em;animation:1.4s ease-in-out infinite mml-animation-dash}.mml-progress__svg{display:block}.mml-progress__circle{stroke:currentColor}@keyframes mml-animation-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-125px}}.mml-loading{justify-content:center;align-items:center;padding:8px;font-size:88%;display:flex}.mml-loading__text{padding-left:8px}.mml-md{color:#0e1621;padding:2px 0}.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{border:0 solid #f2f2f2;border-left-width:3px;margin:1em 0;padding:0 1em}.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{white-space:normal;background:#e5e5e6;margin:0 0 1em;padding:2px 4px}.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-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:87.5%}.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{color:#0e1621;justify-content:center;align-items:center;margin:0 8px;font-weight:700}.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{flex-wrap:wrap;min-width:100%;margin-left:-4px;margin-right:-4px;display:flex}.mml-card{width:100%}.mml-card .mml-btnlist{border:0;font-size:14px}.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:0 solid #e5e5e6;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{border:1px solid #e5e5e6;min-width:100%}.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{border-radius:0;padding:10px 16px}.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{color:#0e1621;background:#fff;border:0 solid #e5e5e6;border-width:0 1px;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{color:#8a898e;background:#f2f2f2;border:1px solid #e5e5e6;border-top-left-radius:16px;border-top-right-radius:16px;align-items:center;min-width:100%;padding:15px 0;font-size:13px;display:flex}.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{margin-right:-8px;padding-left:16px}.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{scrollbar-width:none;overflow-y:scroll;overflow:-moz-scrollbars-none;-ms-overflow-style:none}.mml-datepicker__select>div::-webkit-scrollbar{display:none}.mml-datepicker__item{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 5px}.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{background:#fff;height:217px}.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;pointer-events:none;height:10%;min-height:60px;position:absolute;left:0;right:0}.mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#fff,#fff0);top:0}.base-dark .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#0e1723,#fff0)}.commerce-light .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#f5f9ff,#fff0)}.commerce-dark .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#0c0e12,#fff0)}.livestream-light .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#f1faff,#fff0)}.livestream-dark .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#00091f,#fff0)}.messaging-light .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#f7f7f8,#fff0)}.messaging-dark .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#2d2e2f,#fff0)}.team-light .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#f9f5ff,#fff0)}.team-dark .mml-scheduler .mml-datepicker__select:before{background-image:linear-gradient(#0f0c12,#fff0)}.mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#fff);bottom:0}.base-dark .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#0e1723)}.commerce-light .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#f5f9ff)}.commerce-dark .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#0c0e12)}.livestream-light .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#f1faff)}.livestream-dark .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#00091f)}.messaging-light .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#f7f7f8)}.messaging-dark .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#2d2e2f)}.team-light .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#f9f5ff)}.team-dark .mml-scheduler .mml-datepicker__select:after{background-image:linear-gradient(#fff0,#0f0c12)}.mml-success{justify-content:center;padding:8px;font-size:88%;display:flex}.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{color:#0e1621;padding:2px 0}.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-]{box-sizing:border-box;font-family:Avenir,Arial,Helvetica,sans-serif}.rfu-file-previewer{border:1px solid #0000001a;border-radius:4px;margin:8px 0;position:relative;overflow:hidden}.rfu-file-previewer ol{margin:0;padding:0;list-style:none;position:relative}.rfu-file-previewer ol li{border-bottom:1px solid #0000001a;padding:8px 16px;position:relative}.rfu-file-previewer ol li:last-child{border-color:#0000}.rfu-file-previewer__file{cursor:pointer;align-items:center;display:flex;position:relative}.rfu-file-previewer__file:hover{background:#fafafa}.rfu-file-previewer__file a{color:#414d54;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 8px;text-decoration:none;overflow:hidden}.rfu-file-previewer__file svg{min-width:25px}.rfu-file-previewer__file--uploading{opacity:.4}.rfu-file-previewer__file--failed a{color:#8b9297;align-items:center;display:flex}.rfu-file-previewer__file--failed a:after{text-decoration:none}.rfu-file-previewer__image{min-width:25px;display:flex}.rfu-file-previewer__loading-indicator{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.rfu-file-previewer__close-button{z-index:10000;width:24px;height:24px;position:relative}.rfu-file-previewer__failed{background:#ff6363}.rfu-file-previewer__failed,.rfu-file-previewer__retry{color:#fff;border-radius:4px;margin-left:8px;padding:3px 6px;font-size:12px}.rfu-file-previewer__retry{background:#63e5a4;width:24px;height:24px;text-decoration:none}.rfu-file-upload-button{cursor:pointer}.rfu-file-upload-button:hover svg{fill:#88979c}.rfu-file-upload-button label{cursor:pointer}.rfu-file-upload-button .rfu-file-input{opacity:0;z-index:-1;width:0;height:0;position:absolute;overflow:hidden}.rfu-icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;position:relative}.rfu-icon-button svg{z-index:50;fill:#a0b2b8;position:relative}.rfu-icon-button:hover svg{fill:#88979c}.rfu-dropzone .rfu-dropzone__notifier{z-index:90;border-radius:4px;width:100%;height:100%;padding:30px;display:none;position:absolute}.rfu-dropzone--accept .rfu-dropzone__notifier{background:#00d46ad4;display:block}.rfu-dropzone--reject .rfu-dropzone__notifier{background:#ff0000d4;display:block}.rfu-dropzone__inner{box-sizing:border-box;text-align:center;color:#fff;border:1px dashed #fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;font-size:12px;font-weight:800;display:flex}.rfu-dropzone--reject .rfu-dropzone__inner{display:none}.rfu-image-previewer{flex-wrap:wrap;margin:8px 0}.rfu-image-previewer,.rfu-image-previewer__image{display:flex}.rfu-image-previewer__image{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:8px;margin-right:8px;position:relative}.rfu-image-previewer__image--loaded .rfu-thumbnail__overlay{background:linear-gradient(#0006 0,#0000)}.rfu-image-previewer__image .rfu-thumbnail__wrapper{position:absolute}.rfu-image-previewer__image .rfu-loading-indicator{z-index:90;position:absolute}.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{opacity:0;z-index:-1;width:0;height:0;position:absolute;overflow:hidden}.rfu-loading-indicator{text-align:center;width:70px;margin:0 auto}.rfu-loading-indicator>div{background-color:#ccc;border-radius:100%;width:18px;height:18px;animation:1.4s ease-in-out infinite both sk-bouncedelay;display:inline-block}.rfu-loading-indicator .bounce1{animation-delay:-.32s}.rfu-loading-indicator .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes spinner{to{transform:rotate(1turn)}}.rfu-loading-indicator__spinner{border:2px solid #eee;border-top-color:#00d46a;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spinner}.rfu-thumbnail__wrapper{border-radius:4px;width:100px;height:100px;position:relative;overflow:hidden}.rfu-thumbnail__overlay{background-color:#0006;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:5px;display:flex;position:absolute}.rfu-thumbnail__image{width:inherit;height:inherit;object-fit:cover}.rfu-thumbnail-placeholder{cursor:pointer;border:1px dashed #bfbfbf;border-radius:4px;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.rfu-thumbnail-placeholder:hover{background:#f2f2f2}.image-gallery-icon{color:#fff;appearance:none;cursor:pointer;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a);background-color:#0000;border:0;outline:none;transition:all .3s ease-out;position:absolute}@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{padding:20px;bottom:0}.image-gallery-fullscreen-button .image-gallery-svg{width:28px;height:28px}@media (max-width:768px){.image-gallery-fullscreen-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg{width:24px;height:24px}}@media (max-width:480px){.image-gallery-fullscreen-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg{width:16px;height: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{width:60px;height:120px}@media (max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:36px;height:72px}}@media (max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:24px;height:48px}}.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;user-select:none;-o-user-select:none;-webkit-tap-highlight-color:#0000;position:relative}.image-gallery.fullscreen-modal{z-index:5;background:#000;width:100%;height:100%;position:fixed;inset:0}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;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{width:calc(100% - 110px);display:inline-block}@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{white-space:nowrap;text-align:center;line-height:0;position:relative;overflow:hidden}.image-gallery-slide{width:100%;position:absolute;top:0;left:0}.image-gallery-slide.center,.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-index{color:#fff;z-index:4;background:#0006;padding:10px 20px;line-height:1;position:absolute;top:0;right:0}@media (max-width:768px){.image-gallery-index{padding:5px 10px;font-size:.8em}}.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);z-index:1000;flex-direction:column;min-width:150px;display:flex;position:absolute}.str-chat__actions-box--right{top:calc(100% + 2px);right:0}.str-chat__actions-box--left{top:calc(100% + 2px);left:0}.str-chat__actions-box>button{text-align:left;width:100%;padding:var(--xs-p);font-size:var(--sm-font);cursor:pointer;background:0 0;border:none;margin:0}.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{margin:0 var(--xxs-m);padding:var(--xs-p) var(--xs-p);border-radius:var(--border-radius-round);background:0 0;border:none;outline:none;flex:1}.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{flex-direction:column;padding-top:56.25%;display:flex;position:relative}.str-chat__player-wrapper .react-player,.str-chat__player-wrapper .str-chat__video-angular{width:100%;height:100%;min-height:0;max-height:100%;position:absolute;top:0;left:0}.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));max-height:var(--video-max-height);max-width:var(--attachment-max-width);padding-top:0;position:static}.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{max-height:var(--video-max-height);max-width:var(--attachment-max-width);position:static}.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;border-radius:var(--border-radius);width:100%;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: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{height:50px;font-size:var(--md-font);border-left:1px solid var(--border);width:auto;padding-left:var(--xxs-p);align-items:center;line-height:22px;display:flex;position:relative}.str-chat__message-attachment-file--item:hover{background:var(--white)}.str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text{flex-direction:column;justify-content:center;align-items:flex-start;row-gap:2px;width:100%;min-width:0;display:flex}.str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-text .str-chat__message-attachment-file--item-first-row{justify-content:space-between;align-items:center;column-gap:8px;width:100%;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-name{font-weight:var(--font-weight-bold);color:var(--black);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:clip visible}.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{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.str-chat__message-attachment-file--item span{line-height:14px;font-size:var(--sm-font);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--black);opacity:.5;display:block}.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: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;object-fit:cover;display:block;overflow:hidden}.str-chat__message-attachment--image img:hover{background: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{justify-content:center;align-items:center;width:auto;display:flex;overflow:hidden}.str-chat__message-attachment-card__giphy-logo{width:auto;height:20px}.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:0 0}.str-chat__avatar{width:32px;height:32px;margin-right:var(--xs-m);color:var(--white);text-transform:uppercase;flex:0 0 32px;justify-content:center;align-items:center;display:flex;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{width:inherit;height:inherit;object-fit:cover;text-align:center;display:block}.str-chat__avatar-image--loaded{background-color:#0000}.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{border-radius:var(--border-radius-sm);background:var(--grey-whisper);height:80px;margin:0;display:flex;position:relative;overflow:hidden}.str-chat__audio__image{z-index:20;width:80px;height:80px;position:relative}.str-chat__audio__image--overlay{width:inherit;height:inherit;background:var(--overlay-dark);z-index:30;color:var(--white-smoke);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:3em;display:flex;position:absolute;top:0;left:0}.str-chat__audio__image--button{align-items:center;width:40px;height:40px;margin:0;padding:0;display:flex}.str-chat__audio__image--button svg{fill:var(--white-smoke)}.str-chat__audio__image img{z-index:20;width:inherit;height:inherit;object-fit:cover;position:absolute;top:0;left:0}.str-chat__audio__content{padding:var(--xs-p) var(--sm-p);margin-left:var(--sm-m);flex-direction:column;justify-content:space-around;width:100%;display:flex}.str-chat__audio__content--title{line-height:1;font-size:var(--md-font);margin:0;padding:0}.str-chat__audio__content--subtitle{line-height:1;font-size:var(--sm-font);opacity:.49;margin:0;padding:0}.str-chat__audio__content--progress{border-radius:var(--border-radius-sm);background:var(--overlay);width:100%;height:6px;margin:calc(var(--xxs-m)/2) 0;padding:1px}.str-chat__audio__content--progress>div{border-radius:var(--border-radius-sm);background:var(--primary-color);width:0;height:4px;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{background:var(--white);border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;font-size:var(--sm-font);border:10px solid var(--border);margin:var(--lg-m) 0 0 0;position:relative;overflow:hidden}.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>*{text-overflow:ellipsis;overflow:hidden}.str-chat__message-attachment-card--content{padding:var(--xs-p) var(--sm-p);margin:calc(-1*var(--xs-m));flex-direction:row;justify-content:space-between;align-items:center;display:flex}.str-chat__message-attachment-card--content>*{margin:var(--xs-m) 0}.str-chat__message-attachment-card--url{color:var(--black);text-transform:uppercase;opacity:.5;text-decoration:none;display:block}.str-chat__message-attachment-card--url:after{content:"";position:absolute;inset:0}.str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{height:unset}.giphy-preview-message .str-chat__message-attachment-card--giphy{flex-direction:column;display:flex}.giphy-preview-message .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header{background-color:#fff;justify-content:center;display:flex}.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{width:100%;max-width:375px}.str-chat__message--me .str-chat__message-attachment-card{background:var(--overlay);border-radius:var(--border-radius) var(--border-radius) 0 var(--border-radius);border:1px solid #0000}.dark.str-chat .str-chat__message-attachment-card__giphy-logo{filter:invert()}.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{padding:var(--xs-p);border-bottom:1px solid var(--border);display:flex}.str-chat__header-livestream{padding:var(--xs-p) var(--xl-p);min-height:70px;font-family:var(--second-font);background:var(--white);box-shadow:0 1px 1px 0 var(--border);align-items:center;display:flex}.str-chat__header-livestream-left{font-size:var(--md-font);flex:1}.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{font-size:var(--sm-font);text-transform:uppercase;color:var(--red);animation:2s infinite pulse;display:inline-block;position:relative;left:5px}.str-chat__header-livestream-left--livelabel:before{content:"";border-radius:var(--border-radius-round);background-color:var(--accent_red);width:5px;height:5px;display:inline-block;position:relative;top:-2px;left:-4px}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.str-chat__header-livestream-right{margin:0 calc(-1*var(--xxs-m));display:flex}.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{flex-direction:column;justify-content:space-between;width:100%;display:flex}.str-chat__info{width:100%;font-size:var(--md-font);color:var(--grey);justify-content:space-between;display:flex}.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);justify-content:center;align-items:center;display:flex}.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{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);position:relative}@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{z-index:1;background:var(--grey-whisper);box-shadow:0 1px 1px 0 var(--border);position:relative}.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);line-height:1;font-weight:var(--font-weight-regular);margin:0}.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,.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);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.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{background:var(--blue-alice);box-shadow:1px 0 0 0 var(--black5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.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);width:calc(100% - 10px);margin:var(--xxs-m);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.str-chat__button:active,.str-chat__button:focus{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);outline:none}.str-chat__button>*{margin:0 var(--xxs-m)}.str-chat__button--round{border-radius:var(--border-radius-round)}.str-chat-channel-checkbox{z-index:100001;position:absolute;top:0;right:0}.str-chat-channel-list-burger{background:var(--white);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;width:10px;height:50px;padding:var(--xxs-p);box-shadow:0 4px 6px var(--border);z-index:10000;cursor:pointer;justify-content:center;position:fixed;top:10px;left:0}.str-chat-channel-list-burger div{border-radius:var(--border-radius-sm);background:var(--border);width:4px;height:100%}@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{z-index:1001;min-height:100vh;box-shadow:7px 0 9px 0 var(--black5),1px 0 0 0 var(--black5);transition:left .2s ease-in-out;position:fixed;top:0;left:-380px;overflow-y:auto}.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{padding-bottom:var(--sm-p);overflow:hidden}.str-chat__channel-list.str-chat__channel-list-react .str-chat__channel-list-messenger-react .str-chat__channel-list-messenger-react__main{height:100%;overflow-y:auto}.str-chat__channel-list-messenger{padding:var(--sm-p) var(--sm-p) 0 var(--sm-p);background:var(--grey-gainsboro);min-width:300px}.str-chat-channel-list .str-chat__channel-list-messenger__main{padding-bottom:4px}.str-chat__channel-preview-messenger{width:100%;padding:var(--xs-p);box-shadow:0 1px 0 0 var(--border);text-align:left;margin:var(--xs-m) 0;color:var(--black);background:0 0;border:none;align-items:center;display:flex}.str-chat__channel-preview-messenger:hover{cursor:pointer}.str-chat__channel-preview-messenger--active{border-radius:var(--border-radius-md);background:var(--white-snow);box-shadow:0 1px 5px 0 var(--border);border:none}.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{align-items:center;width:100%;display:flex}.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{border-radius:var(--border-radius-round);color:var(--unread-badge-color);background-color:var(--accent_red);padding:8px;font-size:.75rem;font-weight:700;line-height:.44rem}.str-chat__channel-preview-messenger--last-message p{font-size:var(--sm-font);text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin:0;line-height:14px;overflow:hidden}.str-chat__channel-preview-messenger--last-message{font-size:var(--sm-font);opacity:.5;text-overflow:ellipsis;white-space:nowrap;max-width:150px;line-height:14px;overflow:hidden}.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{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.str-chat__channel-preview-messenger--unread .str-chat__channel-preview-messenger--last-message p,.str-chat__channel-preview-messenger--unread .str-chat__channel-preview-messenger--last-message{opacity:1;font-weight:var(--font-weight-semi-bold);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.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);text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin:0;overflow:hidden}.dark.str-chat .str-chat__channel-preview-messenger--last-message{color:var(--white);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.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);background:var(--grey-gainsboro);flex-direction:column;align-items:center;display:flex;position:relative}.str-chat__channel-search input{background:var(--grey-whisper);width:100%;height:var(--channel-search-input-height);border-radius:var(--border-radius);color:var(--black);font-size:var(--md-font);padding:var(--sm-p);border:1px solid #0000;outline:none}.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,.str-chat__channel-search-container-empty{padding-left:8px}.str-chat__channel-search-container .str-chat__channel-search-result{border-radius:var(--border-radius-md);cursor:pointer;background:0 0;border:none;align-items:center;width:100%;height:40px;padding-left:8px;display:flex}.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);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);position:absolute}.str-chat__channel-search-container.popup .str-chat__channel-search-result:hover,.str-chat__channel-search-container.popup .str-chat__channel-search-result.focused{background:var(--light-grey)}.str-chat__channel-search-container.inline{background:var(--grey-gainsboro);width:100%}.str-chat__channel-search-container.inline .str-chat__channel-search-result:hover,.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{height:100%;display:flex}.str-chat__down-main{padding:var(--lg-p);flex:1}.dark.str-chat .str-chat__down{color:var(--white)}.str-chat.messaging .str-chat__event-component__channel-event{margin-top:var(--md-m);display:flex}.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{margin:var(--md-m) var(--xl-m);display:flex}.str-chat.team .str-chat__event-component__channel-event__content,.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{padding:var(--xl-p);align-items:center;display:flex}.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{background-color:var(--overlay);border:none;flex:1;height:1px}.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{width:100%;position:relative}.str-chat__edit-message-form textarea{background:var(--white);box-shadow:inset 0 0 0 1px var(--primary-color);resize:none;border-radius:var(--border-radius-sm);width:100%;font-size:var(--lg-font);color:var(--black);border:1px solid #0000;padding:8px;line-height:22px}.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{font-weight:var(--font-weight-bold);color:var(--grey);background:0 0;border:none}.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{position:unset;top:unset;right:unset;left:unset;display:flex}.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{align-items:baseline;display:flex}.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-radius:var(--border-radius-sm);color:var(--white);border:2px solid #0000}.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{flex-wrap:wrap;justify-content:flex-end;display:inline-flex;overflow:hidden}.str-chat__gallery-image{background:var(--white);border:none;width:150px;height:150px;margin-bottom:1px;margin-right:1px;padding:0;display:flex}.str-chat__gallery-image:hover{cursor:zoom-in}.str-chat__gallery-image img{width:inherit;height:inherit;object-fit:cover;max-width:150px}.str-chat__gallery--square{max-width:301px}.str-chat__gallery--square .str-chat__gallery-image:nth-child(2n){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{width:150px;max-width:150px;height:150px;color:var(--white);cursor:-webkit-zoom-in;cursor:pointer;background-position:0 0;background-repeat:no-repeat;background-size:cover;border:none;justify-content:center;align-items:center;display:flex;position:relative}.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{z-index:1;font-size:16px;position:relative}.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:"";background-color:var(--overlay-dark);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.commerce.str-chat .str-chat__gallery{grid-template-columns:1fr 1fr;grid-auto-rows:100px;width:calc(100% - 30px);display:grid}.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{flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.stream-chat-angular__image-modal-host .str-chat__modal__inner{max-width:80%}.str-chat__image-carousel{justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex}.str-chat__image-carousel .str-chat__image-carousel-stepper{cursor:pointer;background:0 0;border:none;padding:8px}.str-chat__image-carousel .str-chat__image-carousel-image{object-fit:cover;min-width:0;max-width:100%;min-height:0;max-height: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{border-radius:var(--border-radius-round);width:40px;height:40px;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{border-radius:var(--border-radius-sm);width:100%;height:40px;margin-bottom:var(--sm-m);align-items:center;animation:1s linear infinite alternate pulsate;display:flex}.str-chat__loading-channels-item:nth-of-type(2){animation:1s linear .3334s infinite alternate pulsate}.str-chat__loading-channels-item:last-of-type{animation:1s linear .6667s infinite alternate pulsate}@keyframes pulsate{0%{opacity:.5}to{opacity:1}}.str-chat__loading-indicator{justify-content:center;align-items:center;animation:1s linear infinite rotate;display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.str-chat.messaging .str-chat__load-more-button__button{border-radius:var(--border-radius-md);background:var(--grey-whisper);width:100%;height:40px;box-shadow:0 1px 5px 0 var(--border);color:var(--grey);padding:var(--xs-p);font-size:var(--md-font);border:0}.str-chat.messaging .str-chat__load-more-button__button:hover{cursor:pointer}.str-chat.team .str-chat__load-more-button__button{width:100%;height:40px;padding:var(--xs-p);font-size:var(--md-font);background:0 0;border:0}.str-chat.team .str-chat__load-more-button__button:hover{cursor:pointer}.str-chat__load-more-button__button{justify-content:center;align-items:center;display:flex}.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;color:var(--lighten-grey);background:0 0;border:none;margin:0;padding:.25rem 0;font-size:14px;line-height:16px}.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{margin-bottom:var(--xxs-m);cursor:pointer;align-items:flex-end;display:flex}.str-chat__li .quoted-message-inner{text-align:start;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);align-items:flex-end;display:flex}.str-chat__li .quoted-message-inner .str-chat__message-attachment-card.str-chat__message-attachment-card--image{border-radius:var(--border-radius-md);border:none}.str-chat__li .quoted-message-inner .str-chat__message-attachment--image:first-of-type{border-radius:var(--border-radius-md);max-width:48px;max-height:48px}.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,.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,.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,.str-chat__li--top .str-chat__message--me .str-chat__gallery,.str-chat__li--single .str-chat__message--me .str-chat__gallery,.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,.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,.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{border-radius:var(--border-radius) calc(var(--border-radius-sm)/2) calc(var(--border-radius-sm)/2) var(--border-radius);margin:0;padding:0}.str-chat__message,.str-chat__message-simple{padding:0;padding-top:var(--xxs-p);padding-bottom:var(--xxs-p);justify-content:flex-start;align-items:flex-end;width:100%;transition:background-color .5s ease-out;display:inline-flex;position:relative}.str-chat__message--system,.str-chat__message-simple--system{text-align:center;width:100%;padding:var(--xl-p);box-sizing:border-box;font-size:var(--xs-font);flex-direction:column;align-items:center}.str-chat__message--system__text,.str-chat__message-simple--system__text{align-items:center;width:100%;display:flex}.str-chat__message--system__text p,.str-chat__message-simple--system__text p{color:var(--grey);text-transform:uppercase;font-weight:var(--font-weight-bold);margin:0 24px}.str-chat__message--system__line,.str-chat__message-simple--system__line{background-color:var(--overlay);flex:1;width:100%;height:1px}.str-chat__message--system__date,.str-chat__message-simple--system__date{text-transform:uppercase;color:var(--grey);margin-top:4px}.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{flex-direction:column;display:flex}.str-chat__message-text,.str-chat__message-simple-text{justify-content:flex-start;align-items:center;padding:0;display:inline-flex;position:relative}.str-chat__message-text-inner,.str-chat__message-simple-text-inner{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);flex:1;margin-left:0;display:block;position:relative}.str-chat__message-text-inner .str-chat__emoji-display-fix,.str-chat__message-simple-text-inner .str-chat__emoji-display-fix{width:1.25em;display:inline-block}.str-chat__message-text-inner p,.str-chat__message-simple-text-inner p{word-wrap:break-word;word-break:break-word;-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-left:0;margin-right: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{font-size:var(--xxxl-font);background:0 0;border:1px solid #0000;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%;cursor:zoom-in;display:block}.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);white-space:nowrap;position:absolute}.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{white-space:pre-line;margin:0;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{justify-content:flex-end;display:inline-flex}.str-chat__message--me .str-chat__message-text,.str-chat__message-simple--me .str-chat__message-text{justify-content:flex-end;display:flex}.str-chat__message--me .str-chat__message-attachment-container,.str-chat__message-simple--me .str-chat__message-attachment-container{flex-direction:column;align-items:flex-end;display:flex}.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{top:5px;left:unset;position:absolute;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);text-align:right;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius);border-color:#0000;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{font-size:var(--xxxl-font);background:0 0;border:1px solid #0000;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;object-fit:cover;border:none;display:block}.str-chat__message--me .str-chat__message-data,.str-chat__message-simple--me .str-chat__message-data{text-align:right;width:fit-content;right:0}.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{background-color:var(--highlight);transition:background-color .1s ease-out}.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{flex-direction:column;align-items:flex-start;display:flex}.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;background:var(--grey-gainsboro);line-height:normal}.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: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);cursor:pointer;background-color:#0000;border:none;align-items:center;height:10px;padding:0;display:flex}.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:#0000;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{align-items:center;display:flex}.str-chat__message-simple-text{justify-content:flex-end;padding:0;display:flex;position:relative}.str-chat__message-simple-text-inner{flex:initial;text-align:left;word-wrap:break-word;word-break:break-word;max-width:460px}.str-chat__message-simple-text-inner.str-chat__message-simple-text-inner--is-emoji{background: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);padding-left:var(--md-p);font-style:italic;position:relative}.str-chat__message-simple-text-inner blockquote:before{font-size:var(--xxl-font);content:"“";opacity:.5;font-style:italic;position:absolute;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{justify-content:flex-end;display:flex}.str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button{flex-direction:row-reverse;display:flex}.str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button svg{margin-left:var(--xxs-m);margin-bottom:var(--xxs-m);margin-right:0;transform:scaleX(-1)}.str-chat__message-simple--me .str-chat__message-simple__actions{flex-direction:row-reverse;justify-content:flex-end}.str-chat__message-simple--me .str-chat__message-attachment{--attachment-max-width:460px}.str-chat__message-simple--me-text-inner--is-emoji{background-color:#0000;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);z-index:1;order:3;justify-content:flex-end;align-items:center;line-height:1;display:flex;position:absolute;bottom:0;left:100%}.str-chat__message-simple-status-number{font-size:var(--xs-font);color:var(--overlay-dark);margin-left:4px;position:absolute;left:100%}.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{text-align:center;min-width:100px;max-width:300px;display:none}.str-chat__message-simple-status:hover>.str-chat__tooltip{display:block}.str-chat__message-simple-status:after{content:" ";width:15px;height:15px;position:absolute;bottom:100%;right:0}.str-chat__message-simple .str-chat__message-attachment-card{background:var(--white);border:1px solid var(--border);margin:0}.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:#0000;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{padding:0 var(--xs-p);border-color:#0000}.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:#0000}.str-chat__message-simple .str-chat__message-attachment--file:last-of-type:not(.str-chat-angular__message-attachment-file-single){border-radius:0 0 var(--border-radius) calc(var(--border-radius-sm)/2);border-top-color:#0000}.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;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2);left:100%}.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;bottom:30px;right:8px}.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: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: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{background:var(--dark-grey);color:var(--white10);border-color:#0000}.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: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,.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,.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;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{padding-bottom:var(--xxs-p);display:flex}.str-chat .mml-icon{font-family:Material Icons,sans-serif}.str-chat .mml-wrap{max-width:345px;display:block}@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}.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{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));width:120px;box-shadow:0 0 2px 0 var(--border),0 1px 0 0 var(--border),0 1px 8px 0 var(--border);z-index:999;display:none;position:absolute;bottom:20px;left:40px}.str-chat__message-actions-box.str-chat__message-actions-box-angular{position:initial;border-radius:var(--border-radius);margin:8px}.str-chat__message-actions-box--open{display:block}.str-chat__message-actions-list{flex-direction:column;align-items:flex-start;height:100%;margin:0;padding:0;list-style-type:none;display:flex}.str-chat__message-actions-list-item{padding:var(--xs-p) var(--xs-p);width:100%;margin:0}.str-chat__message-actions-list button{text-align:left;cursor:pointer;width:100%;font-size:var(--sm-font);color:var(--black);background:0 0;border:none;outline:none;text-decoration:none;display:block}.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{margin:var(--xxs-m) var(--xs-m);cursor:pointer;order:2;justify-content:flex-end;align-self:flex-start;align-items:center;display:flex;position:relative}.str-chat__message--me .str-chat__message-actions{order:-1}.str-chat__message-actions-reactions,.str-chat__message-actions-options{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.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,.str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--reactions,.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{align-items:center;display:flex}.str-chat__message-moderation-error-actions-box{padding-top:var(--xs-p);padding-bottom:var(--xs-p);justify-content:flex-end;gap:var(--xs-p);display:flex}.str-chat__message-moderation-error-actions-box button{font-weight:var(--font-weight-semi-bold);color:var(--secondary-button-text);background:0 0;border:none}.str-chat__message-moderation-error-actions-box button.str-chat__message-moderation-error-actions-box--primary{color:var(--button-text)}.str-chat__message-commerce{justify-content:flex-start;align-items:flex-end;margin:1px 0;padding:0;display:flex;position:relative}.str-chat__message-commerce-inner{position:relative}.str-chat__message-commerce-inner>.str-chat__message-commerce__actions{float:right;min-width:30px;min-height:10px}.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-inner{min-height:32px;font-size:var(--lg-font);color:#000;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 0;border:1px solid var(--border-color);background:#fff;max-width:345px;margin-left:0;padding:5px 10px;display:block;position:relative}.str-chat__message-commerce-text-inner p{white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.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:0 0;border:1px solid #0000;padding-left:0;padding-right:0;font-size:32px;line-height:48px}.str-chat__message-commerce-attachment--img{width:100%;max-width:480px;height:inherit;cursor:zoom-in;display:block}.str-chat__message-commerce-data{width:100%;font-size:var(--xs-font);color:#00000080;margin-top:5px}.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{flex-direction:column;align-items:flex-start;display:flex}.str-chat__message-commerce--deleted{background:var(--grey);float:left;border-radius:var(--border-radius);font-size:var(--sm-font);color:var(--darken-grey);margin:0 0 0 42px;padding:8px 16px}.str-chat__message-commerce--error{font-size:var(--sm-font);margin:0 0 32px}.str-chat__message-commerce--error .str-chat__message-text-inner{background:#d0021b1a;border:1px solid #d0021b1a}.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{justify-content:flex-end;display:flex}.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{flex-direction:row-reverse;display:flex}.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{margin-bottom:4px;margin-left:5px;margin-right:0;transform:scaleX(-1)}.str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner{background:#ebebeb;border-width:0;border-color:#0000;margin-top:2px}.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{justify-content:flex-start;align-items:flex-start;min-width:30px;margin-top:5px;display:flex}.str-chat__message-commerce__actions__action{cursor:pointer;align-items:center;height:10px;margin:5px;display:flex}.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{display:none;position:relative}.str-chat__message-commerce__actions__action--options .str-chat__message-actions-box{bottom:10px;left:unset;border-radius:16px 16px 2px;width:120px;right:100%}.str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--thread,.str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions{display:flex}.str-chat__message-commerce-text{padding:0;display:flex;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{background:0 0;margin:5px 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;padding-left:20px;font-style:italic;position:relative}.str-chat__message-commerce-text-inner blockquote:before{font-size:var(--xxl-font);content:"“";opacity:.5;font-style:italic;position:absolute;top:2px;left:-5px}.str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--options,.str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions,.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{z-index:11;order:3;justify-content:flex-end;align-items:center;margin:10px 0 10px 10px;line-height:1;display:flex;position:absolute;bottom:0;left:100%}.str-chat__message-commerce-status-number{font-size:var(--xs-font);color:#0009;margin-left:4px;position:absolute;left:100%}.str-chat__message-commerce-status>.str-chat__avatar{align-self:flex-end;margin-right:0}.str-chat__message-commerce-status>.str-chat__tooltip{text-align:center;min-width:100px;max-width:300px;display:none}.str-chat__message-commerce-status:hover>.str-chat__tooltip{display:block}.str-chat__message-commerce-status:after{content:" ";width:15px;height:15px;position:absolute;bottom:100%;right:0}.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{border-radius:4px var(--border-radius) 4px 4px;background:#fff;border:1px solid #00000014;margin:0}.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;border-radius:var(--border-radius) var(--border-radius) var(--border-radius) 2px;left:100%}.str-chat.dark .str-chat__message-commerce-data{color:#fff;opacity:.5}.str-chat.dark .str-chat__message-commerce-text-inner{color:#fff;background:#ffffff0d}.str-chat.dark .str-chat__message-commerce__actions svg{fill:#fff}.str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card,.str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--content{background:#0003}.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:#ffffff80}.str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce-text-inner,.str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card,.str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card--content{background:#0003}.str-chat__input{background:var(--white);box-shadow:0 -1px 3px 0 var(--border),0 -1px 0 0 var(--border);padding:var(--xs-p);font-family:var(--second-font);flex-wrap:wrap;padding-bottom:0;display:flex;position:relative}.str-chat__input--emojipicker{position:absolute;bottom:100%;right:0}.str-chat__input .rfu-file-previewer{flex:100%}.str-chat__input--textarea-wrapper{flex-wrap:wrap;flex:1 0;display:flex;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{cursor:pointer;width:22px;height:22px;fill:var(--black60);background-size:44px 44px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.str-chat__input-emojiselect:hover,.str-chat__input .rfu-file-upload-button:hover{fill:var(--black)}.str-chat__input-emojiselect{top:calc(100% - 35px);right:20px}.str-chat__input .rfu-file-upload-button{top:calc(100% - 34px);right:46px}.str-chat__input .rfu-file-upload-button:focus-within{outline:5px auto -webkit-focus-ring-color}.str-chat__input-footer{font-size:var(--sm-font);background:var(--white);padding:0 var(--xs-p) var(--xs-p) var(--xs-p);color:var(--lighten-black);justify-content:space-between;display:flex}.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{flex:1;height:auto}.str-chat__textarea textarea{width:100%;padding:var(--sm-p);background:var(--white);border:1px solid var(--border);border-radius:var(--border-radius-md);font-size:var(--lg-font);resize:none;outline:none;min-height:42px;transition:height .1s ease-in}.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{background:var(--white95);width:calc(100% - 20px);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;position:absolute;bottom:100%;left:0;overflow-y:auto}.str-chat__emojisearch__list{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;margin:0;padding:0;list-style-type:none}.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,.dark.str-chat .rfu-file-previewer__file a{color:var(--white)}.dark.str-chat .rfu-file-previewer__file:hover{background:0 0}.dark.str-chat .rfu-file-previewer__close-button{color:var(--white)}.rta{font-size:var(--md-font)}.rta__entity{cursor:pointer;background:0 0;border:none;width:100%}.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);margin:0 calc(-1*var(--xs-m));align-items:center;display:flex}.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);flex-direction:column;align-items:flex-start;display:flex}.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);align-items:center;display:flex}.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{width:100%;height:100%;padding:var(--xxs-p);z-index:1001;display:none;position:absolute}.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);box-sizing:border-box;text-align:center;color:var(--white);font-weight:800;font-size:var(--sm-font);border:1px dashed #0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.rfu-dropzone__inner svg,.rfu-dropzone--reject .rfu-dropzone__inner{display:none}.str-chat__file-uploads{flex:100%;max-height:300px;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,.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{font-size:var(--lg-font);font-weight:var(--font-weight-bold);position:absolute;top:6px;right:20px}.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);z-index:1;width:100%;position:relative}.str-chat__input-flat-quoted{border-top:1px solid var(--black10)}.str-chat__input-flat-quoted .quoted-message-preview{margin-bottom:var(--xs-m);flex-direction:column;align-items:center;width:100%;display:flex;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{margin:unset;padding:var(--xs-p);border-radius:var(--border-radius);cursor:pointer;position:absolute;top:0;right:0}.str-chat__input-flat-quoted .quoted-message-preview-content{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);align-items:flex-end;display:flex}.str-chat__input-flat-quoted .quoted-message-preview-content-inner{text-align:start;word-break:break-all;word-wrap:break-word;align-items:flex-end;display:flex}.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);width:100%;max-width:48px;max-height:48px}.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);padding:0 var(--xs-p);border-left:none}.str-chat__input-flat-quoted .quoted-message-preview-content-inner .str-chat__message-attachment-card--image{border-radius:var(--border-radius-md);border:none}.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{min-height:unset;margin:0}.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{flex-wrap:wrap;display:flex}.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{background:var(--grey-whisper);border-radius:var(--border-radius-md);min-height:56px;font-size:var(--lg-font);border:none;margin:0;padding:20px 69px;line-height:17px}.str-chat__input-flat .str-chat__textarea>textarea:focus{color:var(--black);border-radius:var(--border-radius-md);box-shadow:0 0 0 3px var(--primary-color);border:none}.str-chat__input-flat-footer{padding:var(--xs-p) var(--xl-p);background:var(--white)}.str-chat__input-flat-emojiselect{cursor:pointer;background-color:#0000;border:none;padding:0;position:absolute;top:calc(100% - 45px);left:25px}.str-chat__input-flat-emojiselect.str-chat-angular__emojiselect{max-width:28px;cursor:initial;top:50%;transform:translateY(-50%)}.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{padding-left:var(--xs-p);justify-content:flex-end;align-items:center;display:flex}.str-chat__input-flat-cooldown .str-chat__message-input-cooldown-text{font-size:var(--xl-font);font-weight:var(--font-weight-bold);background-color:var(--grey);width:50px;height:50px;color:var(--white);border-radius:var(--border-radius-round);justify-content:center;align-items:center;display:flex}.str-chat__input-flat--textarea-wrapper{flex-wrap:wrap;flex:1 0;display:flex;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,.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: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{border-radius:var(--border-radius-md);width:60px!important;height:60px!important}.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;width:25px;height: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{border-radius:var(--border-radius-md);width:60px;height:60px}.commerce.str-chat .str-chat__input-flat{background:0 0;padding:8px 24px}.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:0 0}@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{background:var(--primary-color);color:var(--white);padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);z-index:101;border:none;border-radius:50px;align-self:center;display:block;position:absolute;bottom:10px}.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;background:var(--white);width:42px;height:42px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #00000042}.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{height:24px;display:inline-block}.str-chat__message-notification-scroll-to-latest-unread-count,.str-chat__message-notification-scroll-to-latest-scroll-to-latest-unread-count{font-size:10px;bottom:30px;left:50%;transform:translate(-50%)}.str-chat__list,.str-chat-angular__message-list-host{overflow:hidden auto}.str-chat__virtual-list__loading,.str-chat__list__loading{padding-top:var(--xs-p);justify-content:center;width:100%;display:flex;position:absolute}.str-chat__list.str-chat__list--thread .str-chat__reverse-infinite-scroll{padding-top:0}.str-chat__list{-webkit-overflow-scrolling:touch;flex:1;padding:0;position:relative}.str-chat__list .str-chat__reverse-infinite-scroll{padding-top:72px}.str-chat__list-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.str-chat__list--thread{padding:var(--sm-p) 0 0 0}.str-chat__list__center{justify-content:center;width:100%;display:flex}.str-chat__ul{margin:0;padding:0;list-style-type:none;display:block}.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);flex-direction:column;justify-content:center;display:flex;position:relative}.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,.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{-webkit-overflow-scrolling:touch;background:var(--white);flex:1;width:100%;height:100%;margin:0;position:relative;overflow:hidden auto}.str-chat__virtual-list p{margin:0!important}.str-chat__virtual-list p a{white-space:pre-line;word-wrap:break-word;overflow:hidden}.dark .str-chat__virtual-list{background:var(--white5)}.str-chat__message-team{font-family:var(--second-font);padding:5px 40px;display:flex;position:relative}.str-chat__message-team .str-chat__avatar{margin-right:0}.str-chat__message-team-pin-indicator{padding-left:40px}.str-chat__message-team-actions{background:var(--white);z-index:10;visibility:hidden;border:1px solid #e0e0e0;border-radius:100px;justify-content:space-between;align-items:center;width:75px;height:24px;padding:0 4px;display:flex;position:absolute;top:-12px;right:0;box-shadow:0 2px 1px #00000012}.str-chat__message-team-actions>span{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.str-chat__message-team-actions>span>span{text-align:center;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.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;border-radius:7px;top:-10px;right:100%}.str-chat__message-team-actions .str-chat__message-actions-box--open{visibility:visible}.str-chat__message-team-group{width:100%;position:relative}.str-chat__message-team-meta{flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:50px;padding:0 10px 0 0;display:flex}.str-chat__message-team-meta time{text-transform:uppercase;color:#00000080;font-size:var(--xs-font);text-align:right;visibility:hidden;margin-bottom:5px}.str-chat__message-team-author{text-transform:capitalize;justify-content:space-between;align-items:center;margin-left:10px;font-size:15px;line-height:40px;display:flex}.str-chat__message-team-content{color:#404040;width:100%;font-size:15px;line-height:22px;font-weight:var(--font-weight-regular);border-left:1px solid #0000001a;margin:0;padding-left:10px;position:relative}.str-chat__message-team-content--image{border-left-color:#0000;padding-left:0}.str-chat__message-team-content p{white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.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 #d0021b1a;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{background-color:#f8f8f8;border:1px solid #d3d3d3;border-radius:4px;margin:0 5px 0 0;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:"";transform-origin:0;background-color:#0000001a;width:5px;height:1px;position:absolute;top:0;left:0;transform:rotate(-135deg)translate(1px)}.str-chat__message-team-content--top,.str-chat__message-team-content--single{margin:5px 0 0}.str-chat__message-team-content--middle,.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{z-index:11;justify-content:flex-end;align-items:center;line-height:1;display:flex;position:absolute;bottom:1px;left:100%}.str-chat__message-team-status-number{font-size:var(--xs-font);color:#0009;margin-left:4px;position:absolute;left:100%}.str-chat__message-team-status>.str-chat__avatar{align-self:flex-end;margin-right:0}.str-chat__message-team-status>.str-chat__tooltip{text-align:center;min-width:100px;max-width:300px;display:none}.str-chat__message-team-status:hover>.str-chat__tooltip{display:block}.str-chat__message-team-status:after{content:" ";width:15px;height:15px;position:absolute;bottom:100%;right:0}.str-chat__message-team-failed{color:#ea152f;cursor:pointer;font-size:var(--sm-font);background:0 0;border:0;align-items:center;margin:5px 0;padding:0;display:flex}.str-chat__message-team-failed svg{margin-right:7px}.str-chat__message-team-form-footer{justify-content:space-between;padding:10px 0 5px;display:flex}.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{z-index:1;background:#edf4ff;padding:10px;box-shadow:0 0 11px #0000000f,inset 0 1px #006cff,inset 0 -1px #006cff}.str-chat__message-team:hover:not(.str-chat__message-team--editing,.str-chat__message-team--error) .str-chat__message-team-content{background:#00000008}.str-chat__message-team:hover .str-chat__message-team-meta time,.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: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:"";transform-origin:0;background-color:#d0021b;width:5px;height:2px;position:absolute;top:0;left:0;transform:rotate(-135deg)translate(1px)}.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-left:1px solid #0000001a;border-radius:0;padding-left:5px}.str-chat__message-team .str-chat__message-attachment-card{background:#fff;border:1px solid #00000014;border-radius:4px;margin:0}.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{top:initial;position:static}.str-chat__message-team .quoted-message{background:#fff;border-radius:8px;align-items:center;width:fit-content;padding-left:5px;box-shadow:0 2px 6px #00000026}.str-chat__message-team .quoted-message-inner{background:#fff}.str-chat__message-team .quoted-message-inner .str-chat__message-attachment img{border-left:0;padding-left:0}.str-chat__message-team-error-header{font-size:var(--xs-font);color:#0006;text-transform:none;font-style:italic}.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;padding-left:20px;font-style:italic;position:relative}.str-chat blockquote:before{font-size:var(--xxl-font);content:"“";opacity:.5;font-style:italic;position:absolute;top:2px;left:-5px}.str-chat.dark .str-chat__message-team-error-header{color:#ffffff80;opacity:1}.str-chat.dark .str-chat__message-team-author{color:#fff}.str-chat.dark .str-chat__message-team-meta time{color:#ffffff4d}.str-chat.dark .str-chat__message-team-content,.str-chat.dark .str-chat__message-team .str-chat__message-attachment{color:#fff;border-color:#0006}.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:#0006}.str-chat.dark .str-chat__message-team-content--image,.str-chat.dark .str-chat__message-team .str-chat__message-attachment--image{border-color:#0000}.str-chat.dark .str-chat__message-team-content p code,.str-chat.dark .str-chat__message-team .str-chat__message-attachment p code,.str-chat.dark .str-chat__message-team-content pre,.str-chat.dark .str-chat__message-team .str-chat__message-attachment pre{background-color:#ffffff0d;border:1px solid #ffffff1a}.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:#0006}.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: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: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:#0000001a;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:#fff6}.str-chat.dark .str-chat__message-team-actions{background:#1b1d20;border:1px solid #e0e0e008;border-radius:12px;box-shadow:0 2px 1px #00000012}.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:#0000000a}.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-width:1px;border-color:red}.str-chat.dark .str-chat__message-team--error .str-chat__message-team-content p{color:#ffffff80;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{z-index:1;background:#0000001a;padding:10px;box-shadow:0 0 11px #0000000f,inset 0 1px #006cff1a,inset 0 -1px #006cff1a}.str-chat__message-livestream{font-family:var(--second-font);border:1px solid #0000;width:100%;margin:0;padding:10px;display:flex;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{border:1px solid #0000;padding:5px 10px;position:relative}.str-chat__message-livestream-content>*{font-size:var(--sm-font);margin:0;line-height:20px}.str-chat__message-livestream-content p{white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.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;font-size:var(--sm-font);font-weight:var(--font-weight-bold);padding:10px}.str-chat__message-livestream-content pre{background-color:var(--primary-color-faded);border:1px solid var(--primary-color);border-radius:4px;margin:0 5px 0 0}.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);border-radius:5px;margin-bottom:5px;padding:10px}.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);border-radius:24px;justify-content:space-between;align-items:center;width:141px;height:24px;padding:0 4px;display:none;position:absolute;top:-12px;right:0}.str-chat__message-livestream-actions>span{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.str-chat__message-livestream-actions>span:not(:last-of-type){border-right:1px solid var(--light-grey)}.str-chat__message-livestream-actions>span>span{text-align:center;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.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;border-radius:7px;top:50%;right:100%;transform:translateY(-50%)}.str-chat__message-livestream-actions .str-chat__message-actions-box--open{visibility:visible}.str-chat__message-livestream-time{font-size:var(--xs-font);color:var(--black50);flex:2;padding:0 4px;line-height:20px}.str-chat__message-livestream-text--is-emoji{font-size:var(--xxxl-font);line-height:42px}.str-chat__message-livestream-author{text-transform:capitalize;justify-content:flex-start;align-items:center;margin-bottom:8px;display:flex}.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{background:var(--white20);border:1px solid var(--black10);border-radius:0;margin:0}.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);background:var(--primary-color);color:var(--dark-grey);border-radius:2px;margin:8px 10px 0;padding:8px}.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{margin-right:4px;position:relative;top:2px}.str-chat__message-livestream--failed .str-chat__message-livestream-content p{cursor:pointer}.str-chat__message-livestream--initial-message{width:auto;margin:20px 10px 0}.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{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;background:0 0;border:none;padding:0;display:block}.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);z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.str-chat__modal--open{display:flex}.str-chat__modal__inner{background:var(--white);max-width:100%;padding:var(--md-p);border-radius:var(--border-radius-md)}.str-chat__modal__close-button{padding:var(--md-p);font-size:var(--md-font);color:var(--white);cursor:pointer;background-color:#0000;border:none;align-items:center;line-height:10px;display:flex;position:absolute;top:0;right:0}.str-chat__modal__close-button svg{margin-left:var(--xs-m);fill:var(--white);position:relative;top:1px}.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{top:unset;right:unset;width:auto;padding:0;position:relative}.str-chat.dark.messaging .str-chat__modal__inner{border:2px solid var(--white);background:var(--black)}.str-chat__exit{justify-content:space-between;width:86px;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,.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==) 0 0/59px 101px no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2x){.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:3x){.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{z-index:1;height:33px;width:initial;background-position:0 -66px;background-repeat:repeat-x;position:absolute;top:-28px;right:15px}.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{font-size:var(--lg-font);z-index:888;justify-content:center;margin:-1px -16px 0 0;padding:0;line-height:26px;list-style-type:none;display:flex;position:relative}.str-chat__message .str-chat__reaction-list ul button,.str-chat__message-commerce .str-chat__reaction-list ul button{cursor:pointer;background-color:#0000;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{content:"";height:33px;position:absolute;top:0}.str-chat__message .str-chat__reaction-list:after,.str-chat__message-commerce .str-chat__reaction-list:after{background-position:-33px -33px;width:26px;right:-26px}.str-chat__message .str-chat__reaction-list:before,.str-chat__message-commerce .str-chat__reaction-list:before{background-position:0 -33px;width:13px;left:-13px}.str-chat__message .str-chat__reaction-list--reverse,.str-chat__message-commerce .str-chat__reaction-list--reverse{right:initial;position:absolute;left:15px}.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{background-position:-46px 0;width:13px;right:-13px}.str-chat__message .str-chat__reaction-list--reverse:before,.str-chat__message-commerce .str-chat__reaction-list--reverse:before{background-position:0 0;width:26px;left:-26px}.str-chat__message .str-chat__reaction-list li,.str-chat__message-commerce .str-chat__reaction-list li{align-items:center;display:flex}.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,.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{background-position:-46px 0;width:13px;right:-13px}.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{background-position:0 0;width:26px;left:-26px}.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{background-position:-33px -33px;width:26px;right:-26px}.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{background-position:0 -33px;width:13px;left:-13px}.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{margin:0;padding:0;list-style-type:none;display:flex}.str-chat__message-reactions-list-item{font-size:var(--xl-font);margin:0 var(--xxs-m);line-height:0;position:relative}.str-chat__message-reactions-list-item button{padding:0}.str-chat__message-reactions-list-item span[role=img]{transition:transform .1s;display:block;position:relative;top:-2px}.str-chat__message-reactions-list-item span[role=img]:hover{transform:scale(1.4)}.str-chat__message-reactions-list-item__count{font-size:var(--xs-font);color:var(--white);font-weight:var(--font-weight-bold);position:absolute;top:28px;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{text-align:center;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);display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.str-chat__message-reactions-list-item .latest-user-tooltip:after{content:"";background-color:var(--dark-grey);width:7px;height:7px;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%)rotate(45deg)}.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:#0000;border:none;padding:0;display:flex}.str-chat__reaction-selector{z-index:999;height:60px;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);align-items:center;display:flex;position:absolute}.str-chat__reaction-selector ul{z-index:1000;margin:0 var(--sm-m);position:relative}.str-chat__reaction-selector-tooltip{background:var(--black);border-radius:var(--border-radius-sm);min-width:85px;max-width:100%;min-height:24px;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);color:var(--white);text-align:center;position:absolute;bottom:calc(100% + 15px)}.str-chat__reaction-selector-tooltip .arrow{background-color:var(--black);width:7px;height:7px;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%)rotate(45deg)}.str-chat__reaction-selector .emoji-mart-emoji:hover,.str-chat__reaction-selector .str-chat__emoji:hover{cursor:pointer;transition:all .1s;transform:scale(1.2)}.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);background:0;border: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{padding:var(--xxs-p) var(--xxs-p) calc(var(--xxs-p)/2) var(--xxs-p);margin:var(--xs-m) 0 0 0;border:1px solid var(--border);border-radius:var(--border-radius-sm);line-height:1;list-style-type:none;display:inline-flex;position:relative}.str-chat__simple-reactions-list-tooltip{background:var(--overlay-dark);border-radius:var(--border-radius-sm);background-image:linear-gradient(-180deg, transparent, var(--black50));width:auto;max-width:275px;min-height:24px;padding:var(--xxs-p) var(--xs-p);font-size:var(--sm-font);color:var(--white);text-align:center;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.str-chat__simple-reactions-list-tooltip>.arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--overlay-dark);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.str-chat__simple-reactions-list-item{cursor:pointer;margin:0}.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);color:#000;align-items:center;display:flex}.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{margin:var(--xs-m);padding:var(--xs-m);flex-wrap:wrap;display:flex;position:relative}.str-chat__small-message-input .rfu-file-previewer,.str-chat__small-message-input .rfu-image-previewer{flex:100%}.str-chat__small-message-input__wrapper{z-index:0;width:100%;position:relative}.str-chat__small-message-input-fileupload{cursor:pointer;background-color:#0000;border:none;padding:0}.str-chat__small-message-input-emojiselect{cursor:pointer;background-color:#0000;border:none;padding:0;bottom:10px;right:6px}.str-chat__small-message-input .str-chat-angular__emojiselect{width:auto;max-width:20px;height:auto;left:15px}.str-chat__small-message-input .str-chat-angular__cooldown{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.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{cursor:pointer;width:22px;height:22px;fill:var(--grey);background-size:44px 44px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.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{transform-origin:100% 100%;position:absolute;bottom:100%;right:0;transform:scale(.8)}.str-chat__small-message-input-has-attachments .str-chat__send-button{display:block}.str-chat__small-message-input--send-button{cursor:pointer;background:0 0;border:none;outline:0;flex: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{cursor:pointer;position:absolute;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);min-width:300px;max-width:300px;font-family:var(--second-font);flex-direction:column;flex:1 0 300px;max-height:100%;padding-top:0;display:flex;overflow:hidden}.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{flex-direction:column;width:100%;max-height:100%;display:flex}.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{background:var(--grey-whisper);width:100%;box-shadow:0 1px 1px 0 var(--border);height:70px;min-height:70px;padding:0 var(--sm-p);justify-content:space-between;align-items:center;display:flex;position:relative;top:0}.str-chat__thread-header-details{font-size:var(--md-font);font-weight:700}.str-chat__thread-header-details .str-chat__thread-header-channel-name{font-size:var(--sm-font);font-weight:400}.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%;padding-top:var(--sm-p);flex-direction:column;display:flex;overflow:hidden auto}.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{margin-bottom:var(--xxs-m);align-items:flex-end;display:flex}.str-chat__thread-list .quoted-message-inner{text-align:start;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);align-items:flex-end;display:flex}.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-radius:var(--border-radius-md);border:none}.str-chat__thread-list .quoted-message-inner .str-chat__message-attachment--image:first-of-type{max-width:48px;max-height: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;background:var(--white);flex-direction:column;max-height:100%;padding-top:0;display:flex;overflow:hidden}.messaging.str-chat .str-chat__thread.str-chat__thread--full{background:var(--white);z-index:1000;width:100vw;max-width:100%;height:100vh;margin:0;position:fixed;top:0;right:0}.messaging.str-chat .str-chat__thread .str-chat__gallery{border-radius:0;justify-content:flex-end}.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: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;background:var(--white);box-shadow:0 2px 9px 0 var(--border),0 1px 0 0 var(--border);border:none}.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{background:var(--white);z-index:1000;width:100vw;max-width:100%;height:100vh;margin:0;position:fixed;top:0;right:0}}.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{background:var(--white);z-index:1000;width:100vw;max-width:100%;height:100vh;margin:0;position:fixed;top:0;right:0}}.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:0 0}.livestream.str-chat .str-chat__thread--full,.str-chat .str-chat__thread--full{background:var(--white);z-index:1000;width:100vw;max-width:100%;height:100vh;margin:0;position:fixed;top:0;right:0}.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{visibility:hidden;align-items:center;display:flex}.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{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;position:relative}.str-chat__typing-indicator__dot{border-radius:var(--border-radius-round);width:6px;height:6px;margin-right:var(--xxs-m);background:var(--primary-color);animation:1.1s linear infinite wave;display:inline-block}.str-chat__typing-indicator__dot:nth-child(2){opacity:.5;animation-delay:-.9s}.str-chat__typing-indicator__dot:nth-child(3){opacity:.2;animation-delay:-.8s}.str-chat__typing-indicator .str-chat__typing-indicator__users{color:var(--lighten-grey);margin-left:8px}.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%,to{transform:initial}30%{transform:translateY(-8px)}}.str-chat__tooltip{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;display:flex}.str-chat__tooltip button{color:var(--primary-color);font-size:var(--xs-font);font-family:var(--second-font);background:0 0;border:none;outline:0}.str-chat__tooltip a{color:var(--primary-color);text-decoration:none}.str-chat__tooltip:not(.str-chat__tooltip-angular){position:absolute;bottom:calc(100% + 10px);right:0}.str-chat__tooltip:not(.str-chat__tooltip-angular):after{content:"";background:var(--black);width:5px;height:5px;position:absolute;bottom:-2px;right:5px;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{width:100%;display:block;position:relative}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple.str-chat__virtual-message__wrapper--group{padding-left:var(--xl-p);align-items:center}.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{width:100%;display:block;position:relative}.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{margin-bottom:var(--xxs-m);cursor:pointer;align-items:flex-end;display:flex}.str-chat__virtual-list .str-chat__virtual-list-message-wrapper .str-chat__message-simple .quoted-message-inner{text-align:start;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);align-items:flex-end;display:flex}.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-radius:var(--border-radius-md);border:none}.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{border-radius:var(--border-radius-md);max-width:48px;max-height:48px}.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{flex-direction:row;padding:10px 40px;display:flex;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{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.str-chat__virtual-message__data{flex-direction:row;justify-content:space-between;align-items:flex-end;min-width:70px;margin-left:auto;display:flex}.str-chat__virtual-message__author{color:var(--primary-color);font-size:1rem}.str-chat__virtual-message__date{opacity:.5;margin-left:auto;padding-left:8px;font-size:.7rem;display:block}.str-chat__virtual-message__actions{cursor:pointer;position:relative}.str-chat__virtual-message__actions button{background:0 0;border:none}.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;border-radius:var(--border-radius) var(--border-radius) calc(var(--border-radius-sm)/2) var(--border-radius);right:100%}.str-chat__virtual-message__content{flex-direction:column;flex:1;align-items:flex-start;display:flex}.str-chat__virtual-message__content .str-chat__message--deleted-inner{padding:8px 0}.str-chat__virtual-message__text{word-break:break-word;justify-content:space-between;width:100%;padding-top:5px;font-size:.9rem;display:flex}.str-chat__virtual-message__text p{padding-right:16px}.str-chat__virtual-message__text a{color:var(--primary-color);font-weight:var(--font-weight-bold);text-decoration:none}.str-chat__virtual-message__wrapper--group>.str-chat__avatar,.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{justify-content:unset;width:100%;margin:0}.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); 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; @media (max-width: 600px) { padding: 8px !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_15uwe_2 { display: flex; flex-direction: column; height: 100%; width: 375px; background-color: #151A22; border-radius: 1rem; position: relative; @media (max-width: 600px) { width: auto; } } ._adCopyLeftPanelSubRoot_15uwe_15 { display: flex; flex-direction: column; /* padding: 20px 16px; */ /* border-bottom: 1px solid var(--Color-Palette-Gray-700, #394455); */ width: 100%; gap: 16px; } ._adCopyLeftPanelTitleContainer_15uwe_24 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; /* 📱 Mobile: stack vertically */ @media (max-width: 600px) { flex-direction: column; align-items: flex-start; /* optional: aligns to left instead of center */ gap: 0.75rem; /* optional: adds spacing between stacked items */ } } ._adCopyLeftPaneTab_15uwe_40 { display: flex; align-items: center; gap: 4px; } ._adCopyLeftPanelContainer_15uwe_46 { display: flex; padding: 32px 0px 112px 0px; flex-direction: column; gap: 24px; overflow: auto; @media (max-width: 600px) { width: auto; padding: 32px 0px 32px 0px; } }._promptRoot_fiuvl_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%; @media (max-width: 600px) { flex-direction: column; max-height: none; width: 100%; flex: unset; } } ._promptRootText_fiuvl_19 { 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; @media (max-width: 600px) { flex-direction: column; max-height: none; width: 100%; flex: unset; } } ._promptContentText_fiuvl_39 { display: flex; flex-direction: column; gap: 1rem; margin: 0 auto; flex: 1; overflow-y: auto; @media (max-width: 600px) { margin: 0; width: 100%; overflow-y: visible; } } ._promptContent_fiuvl_39 { display: flex; flex-direction: column; gap: 1rem; margin: 0 auto; padding-bottom: 1.2rem; flex: 1; overflow-y: auto; @media (max-width: 600px) { margin: 0; width: 100%; overflow-y: visible; } } ._subTitle_fiuvl_72 { font-size: 4rem !important; line-height: 4.8rem !important; } ._aiRoot_fiuvl_77 { display: flex; flex-direction: column; gap: 3rem } ._textGenpromptRoot_fiuvl_83 { display: flex; flex-direction: row; flex: 1; gap: 20px; background-size: cover; max-height: calc(100vh - 104px); padding: 20px 20px 0px 20px; width: 100%; @media (max-width: 600px) { flex-direction: column; max-height: none; width: 100%; flex: unset; } } ._textPromptGen_fiuvl_101 { display: flex; flex-direction: column; gap: 1rem; flex: 1; @media (max-width: 600px) { margin: 0; width: 100%; overflow-y: visible; } } ._subTitle_fiuvl_72 { font-size: 4rem !important; line-height: 4.8rem !important; } ._aiRoot_fiuvl_77 { 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; } }/** * AdRoom dark-theme overrides for the CE.SDK (IMG.LY) video editor. * * CE.SDK's setTheme() only toggles its built-in light/dark palettes, so we * override its CSS custom properties to match AdRoom's colors (navy background, * gray-900 panels, blue accent). * * The selector is doubled (`.ubq-dark.ubq-dark`) to raise specificity above * CE.SDK's own `.ubq-dark` rules, so these win regardless of stylesheet load * order. Only the video editor uses CE.SDK, so a global override is safe. */ .ubq-dark.ubq-dark { /* Backgrounds — AdRoom navy canvas + gray-900 panels/dock/timeline/bars */ --ubq-canvas: #0b0f16; --ubq-elevation-1: #1a202b; --ubq-elevation-2: #1a202b; --ubq-elevation-3: #1a202b; --ubq-elevation-1-blur: rgba(26, 32, 43, 0.85); --ubq-elevation-2-blur: rgba(26, 32, 43, 0.85); --ubq-elevation-3-blur: rgba(26, 32, 43, 0.85); --ubq-overlay: rgba(11, 15, 22, 0.8); /* Accent — AdRoom logo azure (buttons like Export Video / Add Clip, selections). #2daef5 is the light-blue anchor of the brand gradient (#3E69FA → #2DAEF5) used on primary buttons across the app; labels on accent surfaces are navy for contrast on the light background. */ --ubq-interactive-accent-default: #2daef5; --ubq-interactive-accent-hover: #4fbcf8; --ubq-interactive-accent-pressed: #1e94d6; --ubq-foreground-accent: #0b0f16; --ubq-interactive-active-default: #2daef5; --ubq-interactive-active-hover: #4fbcf8; --ubq-interactive-active-pressed: #1e94d6; --ubq-foreground-active: #2daef5; --ubq-focus-default: #2daef5; --ubq-focus-outline: rgba(45, 174, 245, 0.35); } /* * Note: rules targeting CE.SDK's internals cannot live in this file. The editor * renders inside a shadow DOM, so only inherited custom properties (the * `--ubq-*` variables above) cross that boundary — ordinary selectors do not, * at any specificity, with or without `!important`. Such rules have to be * injected into the shadow root instead; see `injectShadowStylesheet` in * uploads.ts. */ ._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; } /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-500:oklch(60.6% .25 292.717);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-500:oklch(64.5% .246 16.439);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:#f5f5f5;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-neutral-n0:#fff;--color-neutral-n70:#a5adba;--color-neutral-n100:#7d8799;--color-neutral-n300:#556179;--color-neutral-n600:#29303f;--color-neutral-n900:#0b0f16;--color-sandstorm-s0:#0b0f16;--color-sandstorm-s5:#131a27;--color-sandstorm-s10:#161d2b;--color-sandstorm-s20:#1a2233;--color-sandstorm-s40:#232c45;--color-sandstorm-s60:#333d5c;--color-forest-f0:#1a2233;--color-forest-f30:#8896ae;--color-forest-f40:#7c8cff;--color-forest-f50:#cdd6e3;--color-forest-f60:#e8edf5;--color-blue-b10:#3370ff;--color-red-r0:#ffebe6;--color-red-r30:#ce1313;--color-red-r40:#b51111;--color-yellow-y10:#ff991f;--color-common-white:#e8edf5;--color-semantic-text-primary:#e8edf5;--color-semantic-text-secondary:#8896ae;--color-semantic-background-primary:#0b0f16;--color-semantic-border-default:#1e2640;--color-semantic-status-primary:#7c8cff;--color-semantic-status-success:#3ddc97;--shadow-e100:0 0 1px #091e424f, 0 1px 1px #091e4240;--shadow-e200:0 0 1px #091e424f, 0 3px 5px #091e4233;--shadow-e300:0 0 1px #091e424f, 0 8px 12px #091e4226;--shadow-e400:0 0 1px #091e424f, 0 10px 18px #091e4226;--shadow-e500:0 0 1px #091e424f, 0 18px 28px #091e4226;--font-size-h1300:32px;--line-height-h1300:32px;--letter-spacing-h1300:0;--font-size-h1250:28px;--line-height-h1250:40px;--letter-spacing-h1250:0;--font-size-h1100:24px;--line-height-h1100:40px;--letter-spacing-h1100:-1px;--font-size-h1050:24px;--line-height-h1050:40px;--letter-spacing-h1050:0;--font-size-h1000:20px;--line-height-h1000:32px;--letter-spacing-h1000:0;--font-size-h900:18px;--line-height-h900:24px;--letter-spacing-h900:0;--font-size-h800:18px;--line-height-h800:28px;--letter-spacing-h800:-.2px;--font-size-h750:18px;--line-height-h750:28px;--letter-spacing-h750:0;--font-size-h700:16px;--line-height-h700:28px;--letter-spacing-h700:0;--font-size-h600:16px;--line-height-h600:26px;--letter-spacing-h600:0;--font-size-h550:16px;--line-height-h550:26px;--letter-spacing-h550:0;--font-size-h500:14px;--line-height-h500:20px;--letter-spacing-h500:0;--font-size-h450:14px;--line-height-h450:20px;--letter-spacing-h450:0;--font-size-h400:14px;--line-height-h400:20px;--letter-spacing-h400:0;--font-size-h300:12px;--line-height-h300:18px;--letter-spacing-h300:0;--font-size-h200:12px;--line-height-h200:18px;--letter-spacing-h200:0;--font-size-h100:10px;--line-height-h100:14px;--letter-spacing-h100:0}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.adroom-chat *{box-sizing:border-box}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-2{top:calc(var(--spacing) * -2)}.-top-\[7px\]{top:-7px}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[calc\(var\(--total-impersonation-h\,0px\)\+0\.5rem\)\]{top:calc(var(--total-impersonation-h,0px) + .5rem)}.top-full{top:100%}.-right-2{right:calc(var(--spacing) * -2)}.-right-\[7px\]{right:-7px}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-28{bottom:calc(var(--spacing) * 28)}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[25\]{z-index:25}.z-\[41\]{z-index:41}.z-\[70\]{z-index:70}.z-\[600\]{z-index:600}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[99999\]{z-index:99999}.z-\[9999999\]{z-index:9999999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-0\.5{margin-left:calc(var(--spacing) * -.5)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[16px\]{width:16px;height:16px}.size-\[55px\]{width:55px;height:55px}.size-\[66px\]{width:66px;height:66px}.\!h-8{height:calc(var(--spacing) * 8)!important}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-2\.75{height:calc(var(--spacing) * 2.75)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.h-44{height:calc(var(--spacing) * 44)}.h-\[2\.875rem\]{height:2.875rem}.h-\[8px\]{height:8px}.h-\[9px\]{height:9px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[160px\]{height:160px}.h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[180px\]{max-height:180px}.max-h-\[200px\]{max-height:200px}.max-h-\[280px\]{max-height:280px}.max-h-\[inherit\]{max-height:inherit}.max-h-\[min\(50vh\,320px\)\]{max-height:min(50vh,320px)}.max-h-\[min\(360px\,50vh\)\]{max-height:min(360px,50vh)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[1\.25em\]{min-height:1.25em}.min-h-\[1px\]{min-height:1px}.min-h-\[24px\]{min-height:24px}.min-h-\[40px\]{min-height:40px}.min-h-\[72px\]{min-height:72px}.min-h-\[112px\]{min-height:112px}.min-h-\[120px\]{min-height:120px}.\!w-auto{width:auto!important}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-\[12px\]{width:12px}.w-\[14px\]{width:14px}.w-\[17px\]{width:17px}.w-\[18px\]{width:18px}.w-\[42px\]{width:42px}.w-\[202px\]{width:202px}.w-\[248px\]{width:248px}.w-\[360px\]{width:360px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.\!max-w-\[min\(320px\,calc\(100vw-8rem\)\)\]{max-width:min(320px,100vw - 8rem)!important}.max-w-\[8\.75rem\]{max-width:8.75rem}.max-w-\[100vw\]{max-width:100vw}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[800px\]{max-width:800px}.max-w-\[830px\]{max-width:830px}.max-w-\[min\(18rem\,calc\(100vw-12rem\)\)\]{max-width:min(18rem,100vw - 12rem)}.max-w-\[min\(248px\,calc\(100vw-8rem\)\)\]{max-width:min(248px,100vw - 8rem)}.max-w-\[min\(320px\,calc\(100vw-8rem\)\)\]{max-width:min(320px,100vw - 8rem)}.max-w-\[min\(420px\,52vw\)\]{max-width:min(420px,52vw)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-\[80px\]{min-width:80px}.min-w-\[160px\]{min-width:160px}.min-w-\[220px\]{min-width:220px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.translate-x-\[2px\]{--tw-translate-x:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[21px\]{--tw-translate-x:21px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.resize-y{resize:vertical}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-1{gap:var(--spacing)!important}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[10px\]{gap:10px}.gap-\[20px\]{gap:20px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-sandstorm-s40>:not(:last-child)){border-color:var(--color-sandstorm-s40)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.\!rounded-\[8px\]{border-radius:8px!important}.\!rounded-lg{border-radius:var(--radius-lg)!important}.\!rounded-xl{border-radius:var(--radius-xl)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[43px\]{border-radius:43px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[var\(--ad-border\)\]{border-color:var(--ad-border)!important}.\!border-sandstorm-s40{border-color:var(--color-sandstorm-s40)!important}.border-\[\#6cd6ed\]{border-color:#6cd6ed}.border-\[\#136D6D\]{border-color:#136d6d}.border-\[\#B8E0E0\]{border-color:#b8e0e0}.border-\[\#E3E3E3\]{border-color:#e3e3e3}.border-\[\#E8E8E3\]{border-color:#e8e8e3}.border-\[\#c1c7d0\]{border-color:#c1c7d0}.border-\[\#e3e3e3\]{border-color:#e3e3e3}.border-\[\#e8e8e3\]{border-color:#e8e8e3}.border-amber-200{border-color:var(--color-amber-200)}.border-current{border-color:currentColor}.border-forest-f40{border-color:var(--color-forest-f40)}.border-forest-f40\/20{border-color:#7c8cff33}@supports (color:color-mix(in lab, red, red)){.border-forest-f40\/20{border-color:color-mix(in oklab, var(--color-forest-f40) 20%, transparent)}}.border-forest-f40\/25{border-color:#7c8cff40}@supports (color:color-mix(in lab, red, red)){.border-forest-f40\/25{border-color:color-mix(in oklab, var(--color-forest-f40) 25%, transparent)}}.border-forest-f40\/30{border-color:#7c8cff4d}@supports (color:color-mix(in lab, red, red)){.border-forest-f40\/30{border-color:color-mix(in oklab, var(--color-forest-f40) 30%, transparent)}}.border-forest-f40\/40{border-color:#7c8cff66}@supports (color:color-mix(in lab, red, red)){.border-forest-f40\/40{border-color:color-mix(in oklab, var(--color-forest-f40) 40%, transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-red-r30{border-color:var(--color-red-r30)}.border-sandstorm-s40{border-color:var(--color-sandstorm-s40)}.border-sandstorm-s40\/50{border-color:#232c4580}@supports (color:color-mix(in lab, red, red)){.border-sandstorm-s40\/50{border-color:color-mix(in oklab, var(--color-sandstorm-s40) 50%, transparent)}}.border-transparent{border-color:#0000}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-\[\#136D6D\]{border-left-color:#136d6d}.\!bg-sandstorm-s5{background-color:var(--color-sandstorm-s5)!important}.bg-\[\#136D6D\]{background-color:#136d6d}.bg-\[\#136D6D\]\/60{background-color:oklab(48.659% -.0754232 -.0200599/.6)}.bg-\[\#E3E3E3\]{background-color:#e3e3e3}.bg-\[\#E6F2F2\]{background-color:#e6f2f2}.bg-\[\#E6F4F2\]{background-color:#e6f4f2}.bg-\[\#E8E8E3\]{background-color:#e8e8e3}.bg-\[\#F5F4EF\]{background-color:#f5f4ef}.bg-\[\#F8F8F3\]{background-color:#f8f8f3}.bg-\[\#F9F9F6\]{background-color:#f9f9f6}.bg-\[\#FEFEFB\]{background-color:#fefefb}.bg-\[\#f0f0eb\]{background-color:#f0f0eb}.bg-\[rgba\(214\,229\,229\,0\.5\)\]{background-color:#d6e5e580}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-forest-f0{background-color:var(--color-forest-f0)}.bg-forest-f40{background-color:var(--color-forest-f40)}.bg-forest-f40\/5{background-color:#7c8cff0d}@supports (color:color-mix(in lab, red, red)){.bg-forest-f40\/5{background-color:color-mix(in oklab, var(--color-forest-f40) 5%, transparent)}}.bg-forest-f40\/10{background-color:#7c8cff1a}@supports (color:color-mix(in lab, red, red)){.bg-forest-f40\/10{background-color:color-mix(in oklab, var(--color-forest-f40) 10%, transparent)}}.bg-forest-f60{background-color:var(--color-forest-f60)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-neutral-n70\/50{background-color:#a5adba80}@supports (color:color-mix(in lab, red, red)){.bg-neutral-n70\/50{background-color:color-mix(in oklab, var(--color-neutral-n70) 50%, transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-r0{background-color:var(--color-red-r0)}.bg-red-r0\/30{background-color:#ffebe64d}@supports (color:color-mix(in lab, red, red)){.bg-red-r0\/30{background-color:color-mix(in oklab, var(--color-red-r0) 30%, transparent)}}.bg-red-r0\/80{background-color:#ffebe6cc}@supports (color:color-mix(in lab, red, red)){.bg-red-r0\/80{background-color:color-mix(in oklab, var(--color-red-r0) 80%, transparent)}}.bg-red-r30{background-color:var(--color-red-r30)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sandstorm-s0{background-color:var(--color-sandstorm-s0)}.bg-sandstorm-s0\/50{background-color:#0b0f1680}@supports (color:color-mix(in lab, red, red)){.bg-sandstorm-s0\/50{background-color:color-mix(in oklab, var(--color-sandstorm-s0) 50%, transparent)}}.bg-sandstorm-s5{background-color:var(--color-sandstorm-s5)}.bg-sandstorm-s10{background-color:var(--color-sandstorm-s10)}.bg-sandstorm-s10\/60{background-color:#161d2b99}@supports (color:color-mix(in lab, red, red)){.bg-sandstorm-s10\/60{background-color:color-mix(in oklab, var(--color-sandstorm-s10) 60%, transparent)}}.bg-sandstorm-s20{background-color:var(--color-sandstorm-s20)}.bg-sandstorm-s40{background-color:var(--color-sandstorm-s40)}.bg-sandstorm-s40\/40{background-color:#232c4566}@supports (color:color-mix(in lab, red, red)){.bg-sandstorm-s40\/40{background-color:color-mix(in oklab, var(--color-sandstorm-s40) 40%, transparent)}}.bg-sandstorm-s60{background-color:var(--color-sandstorm-s60)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#3c88fc\]{--tw-gradient-from:#3c88fc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f4f5f7\]{--tw-gradient-from:#f4f5f7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#f4f5f7\]\/85{--tw-gradient-via:oklab(96.9953% -.000273287 -.00285876/.85);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0351c9\]{--tw-gradient-to:#0351c9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_bottom\,black_0\%\,black_48\%\,rgba\(0\,0\,0\,0\.35\)_78\%\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(#000 0% 48%,#00000059 78%,#0000 100%);mask-image:linear-gradient(#000 0% 48%,#00000059 78%,#0000 100%)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[12px\]{padding-inline:12px}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[10px\]{padding-block:10px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-36{padding-bottom:calc(var(--spacing) * 36)}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(1.25rem, env(safe-area-inset-bottom,0px))}.\!pl-8{padding-left:calc(var(--spacing) * 8)!important}.pl-0{padding-left:0}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[12px\]{font-size:12px!important}.\!text-\[13px\]{font-size:13px!important}.text-\[8px\]{font-size:8px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[32px\]{font-size:32px}.text-\[56px\]{font-size:56px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.1px\]{--tw-tracking:-.1px;letter-spacing:-.1px}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[0\.12px\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.\[word-break\:break-word\]{word-break:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-white{color:var(--color-white)!important}.text-\[\#0E4E4E\]{color:#0e4e4e}.text-\[\#5F6368\]{color:#5f6368}.text-\[\#092F2C\]{color:#092f2c}.text-\[\#136D6D\]{color:#136d6d}.text-\[\#414c62\]{color:#414c62}.text-\[\#072929\]{color:#072929}.text-\[\#506766\]{color:#506766}.text-\[\#556179\]{color:#556179}.text-\[\#FF0000\]{color:red}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-b10{color:var(--color-blue-b10)}.text-emerald-700{color:var(--color-emerald-700)}.text-forest-f30{color:var(--color-forest-f30)}.text-forest-f30\/50{color:#8896ae80}@supports (color:color-mix(in lab, red, red)){.text-forest-f30\/50{color:color-mix(in oklab, var(--color-forest-f30) 50%, transparent)}}.text-forest-f30\/60{color:#8896ae99}@supports (color:color-mix(in lab, red, red)){.text-forest-f30\/60{color:color-mix(in oklab, var(--color-forest-f30) 60%, transparent)}}.text-forest-f30\/70{color:#8896aeb3}@supports (color:color-mix(in lab, red, red)){.text-forest-f30\/70{color:color-mix(in oklab, var(--color-forest-f30) 70%, transparent)}}.text-forest-f40{color:var(--color-forest-f40)}.text-forest-f50{color:var(--color-forest-f50)}.text-forest-f60{color:var(--color-forest-f60)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-inherit{color:inherit}.text-neutral-n0{color:var(--color-neutral-n0)}.text-neutral-n70{color:var(--color-neutral-n70)}.text-neutral-n100{color:var(--color-neutral-n100)}.text-neutral-n300{color:var(--color-neutral-n300)}.text-neutral-n900{color:var(--color-neutral-n900)}.text-red-600{color:var(--color-red-600)}.text-red-r30{color:var(--color-red-r30)}.text-red-r30\/60{color:#ce131399}@supports (color:color-mix(in lab, red, red)){.text-red-r30\/60{color:color-mix(in oklab, var(--color-red-r30) 60%, transparent)}}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-yellow-y10{color:var(--color-yellow-y10)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-forest-f40{accent-color:var(--color-forest-f40)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.72\]{opacity:.72}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(7\,41\,41\,0\.06\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#0729290f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_15px_-3px_rgba\(7\,41\,41\,0\.08\)\,0_4px_6px_-4px_rgba\(7\,41\,41\,0\.06\)\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#07292914), 0 4px 6px -4px var(--tw-shadow-color,#0729290f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_25px_-5px_rgba\(0\,0\,0\,0\.10\)\,0_8px_10px_-6px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 10px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_20px_40px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 20px 40px 0px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\,max-width\]{transition-property:background-color,border-color,box-shadow,max-width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_0\%\,black_48\%\,rgba\(0\,0\,0\,0\.35\)_78\%\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(#000 0% 48%,#00000059 78%,#0000 100%)}@media (hover:hover){.group-hover\:text-forest-f40:is(:where(.group):hover *){color:var(--color-forest-f40)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-md:is(:where(.group):hover *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\/usermsg\:from-\[\#ebecf0\]:is(:where(.group\/usermsg):hover *){--tw-gradient-from:#ebecf0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\/usermsg\:via-\[\#ebecf0\]\/85:is(:where(.group\/usermsg):hover *){--tw-gradient-via:oklab(94.3464% .000473022 -.00544596/.85);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.group-hover\/usermsg\:opacity-100:is(:where(.group\/usermsg):hover *){opacity:1}}.placeholder\:text-\[\#556179\]::placeholder{color:#556179}.placeholder\:text-forest-f30::placeholder{color:var(--color-forest-f30)}.placeholder\:text-forest-f30\/70::placeholder{color:#8896aeb3}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-forest-f30\/70::placeholder{color:color-mix(in oklab, var(--color-forest-f30) 70%, transparent)}}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-sandstorm-s5:focus-within{background-color:var(--color-sandstorm-s5)}.focus-within\:shadow-\[0_12px_24px_-6px_rgba\(7\,41\,41\,0\.10\)\,0_4px_8px_-4px_rgba\(7\,41\,41\,0\.06\)\]:focus-within{--tw-shadow:0 12px 24px -6px var(--tw-shadow-color,#0729291a), 0 4px 8px -4px var(--tw-shadow-color,#0729290f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-forest-f40:hover{border-color:var(--color-forest-f40)}.hover\:border-forest-f40\/35:hover{border-color:#7c8cff59}@supports (color:color-mix(in lab, red, red)){.hover\:border-forest-f40\/35:hover{border-color:color-mix(in oklab, var(--color-forest-f40) 35%, transparent)}}.hover\:border-forest-f40\/40:hover{border-color:#7c8cff66}@supports (color:color-mix(in lab, red, red)){.hover\:border-forest-f40\/40:hover{border-color:color-mix(in oklab, var(--color-forest-f40) 40%, transparent)}}.hover\:bg-\[\#0E4E4E\]:hover{background-color:#0e4e4e}.hover\:bg-\[\#136D6D\]\/20:hover{background-color:oklab(48.659% -.0754232 -.0200599/.2)}.hover\:bg-\[\#F0F0ED\]:hover{background-color:#f0f0ed}.hover\:bg-\[\#F1F3EF\]:hover{background-color:#f1f3ef}.hover\:bg-\[\#FFF1F0\]:hover{background-color:#fff1f0}.hover\:bg-\[\#e8e8e3\]:hover{background-color:#e8e8e3}.hover\:bg-\[\#f5f4ef\]:hover{background-color:#f5f4ef}.hover\:bg-forest-f40\/20:hover{background-color:#7c8cff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-forest-f40\/20:hover{background-color:color-mix(in oklab, var(--color-forest-f40) 20%, transparent)}}.hover\:bg-forest-f50:hover{background-color:var(--color-forest-f50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-r40:hover{background-color:var(--color-red-r40)}.hover\:bg-sandstorm-s0:hover{background-color:var(--color-sandstorm-s0)}.hover\:bg-sandstorm-s5:hover{background-color:var(--color-sandstorm-s5)}.hover\:bg-sandstorm-s10:hover{background-color:var(--color-sandstorm-s10)}.hover\:bg-sandstorm-s20:hover{background-color:var(--color-sandstorm-s20)}.hover\:bg-sandstorm-s40\/60:hover{background-color:#232c4599}@supports (color:color-mix(in lab, red, red)){.hover\:bg-sandstorm-s40\/60:hover{background-color:color-mix(in oklab, var(--color-sandstorm-s40) 60%, transparent)}}.hover\:\!text-white:hover{color:var(--color-white)!important}.hover\:text-\[\#072929\]:hover{color:#072929}.hover\:text-forest-f40:hover{color:var(--color-forest-f40)}.hover\:text-forest-f60:hover{color:var(--color-forest-f60)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[var\(--shadow-e400\)\]:hover{--tw-shadow:var(--shadow-e400);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-forest-f40:focus{border-color:var(--color-forest-f40)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-forest-f40\/20:focus{--tw-ring-color:#7c8cff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-forest-f40\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-forest-f40) 20%, transparent)}}.focus\:ring-forest-f40\/30:focus{--tw-ring-color:#7c8cff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-forest-f40\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-forest-f40) 30%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-forest-f40:focus-visible{--tw-ring-color:var(--color-forest-f40)}.focus-visible\:ring-forest-f40\/30:focus-visible{--tw-ring-color:#7c8cff4d}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-forest-f40\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-forest-f40) 30%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-sandstorm-s0:focus-visible{--tw-ring-offset-color:var(--color-sandstorm-s0)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-\[\#0A3D3D\]:active{background-color:#0a3d3d}.active\:text-white:active{color:var(--color-white)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-forest-f30\/40:disabled{background-color:#8896ae66}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-forest-f30\/40:disabled{background-color:color-mix(in oklab, var(--color-forest-f30) 40%, transparent)}}.disabled\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\:hover\:shadow-none:disabled:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\:mx-6{margin-inline:calc(var(--spacing) * 6)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:pb-44{padding-bottom:calc(var(--spacing) * 44)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[40px\]{font-size:40px}}@media (min-width:48rem){.md\:h-64{height:calc(var(--spacing) * 64)}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&_foreignObject\]\:box-border foreignObject{box-sizing:border-box}.\[\&_foreignObject\]\:max-w-full foreignObject{max-width:100%}.\[\&_foreignObject\]\:overflow-hidden foreignObject{overflow:hidden}.\[\&_foreignObject_div\]\:box-border foreignObject div{box-sizing:border-box}.\[\&_foreignObject_div\]\:max-w-full foreignObject div,.\[\&_foreignObject_span\]\:max-w-full foreignObject span{max-width:100%}.\[\&_img\]\:h-\[18px\] img{height:18px}.\[\&_img\]\:w-\[18px\] img{width:18px}.\[\&_li\:\:marker\]\:text-\[12px\] li::marker{font-size:12px}.\[\&_li\:\:marker\]\:font-normal li::marker{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\[\&_li\:\:marker\]\:text-\[\#6b7280\] li::marker{color:#6b7280}.\[\&_svg\]\:h-\[18px\] svg{height:18px}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:w-\[18px\] svg{width:18px}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&_svg\]\:overflow-visible svg{overflow:visible}.\[\&\>ol\]\:mt-0>ol{margin-top:0}.\[\&\>ol\]\:mt-2>ol{margin-top:calc(var(--spacing) * 2)}.\[\&\>ol\]\:ml-0>ol{margin-left:0}.\[\&\>ol\]\:ml-4>ol{margin-left:calc(var(--spacing) * 4)}.\[\&\>p\]\:mb-0>p{margin-bottom:0}.\[\&\>p\]\:mb-0\.5>p{margin-bottom:calc(var(--spacing) * .5)}.\[\&\>ul\]\:mt-0>ul{margin-top:0}.\[\&\>ul\]\:mt-2>ul{margin-top:calc(var(--spacing) * 2)}.\[\&\>ul\]\:ml-0>ul{margin-left:0}.\[\&\>ul\]\:ml-4>ul{margin-left:calc(var(--spacing) * 4)}.adroom-chat .text-h1300{font-size:var(--font-size-h1300);line-height:var(--line-height-h1300);letter-spacing:var(--letter-spacing-h1300)}.adroom-chat .text-h1250{font-size:var(--font-size-h1250);line-height:var(--line-height-h1250);letter-spacing:var(--letter-spacing-h1250)}.adroom-chat .text-h1100{font-size:var(--font-size-h1100);line-height:var(--line-height-h1100);letter-spacing:var(--letter-spacing-h1100)}.adroom-chat .text-h1050{font-size:var(--font-size-h1050);line-height:var(--line-height-h1050);letter-spacing:var(--letter-spacing-h1050)}.adroom-chat .text-h1000{font-size:var(--font-size-h1000);line-height:var(--line-height-h1000);letter-spacing:var(--letter-spacing-h1000)}.adroom-chat .text-h900{font-size:var(--font-size-h900);line-height:var(--line-height-h900);letter-spacing:var(--letter-spacing-h900)}.adroom-chat .text-h800{font-size:var(--font-size-h800);line-height:var(--line-height-h800);letter-spacing:var(--letter-spacing-h800)}.adroom-chat .text-h750{font-size:var(--font-size-h750);line-height:var(--line-height-h750);letter-spacing:var(--letter-spacing-h750)}.adroom-chat .text-h700{font-size:var(--font-size-h700);line-height:var(--line-height-h700);letter-spacing:var(--letter-spacing-h700)}.adroom-chat .text-h600{font-size:var(--font-size-h600);line-height:var(--line-height-h600);letter-spacing:var(--letter-spacing-h600)}.adroom-chat .text-h550{font-size:var(--font-size-h550);line-height:var(--line-height-h550);letter-spacing:var(--letter-spacing-h550)}.adroom-chat .text-h500{font-size:var(--font-size-h500);line-height:var(--line-height-h500);letter-spacing:var(--letter-spacing-h500)}.adroom-chat .text-h450{font-size:var(--font-size-h450);line-height:var(--line-height-h450);letter-spacing:var(--letter-spacing-h450)}.adroom-chat .text-h400{font-size:var(--font-size-h400);line-height:var(--line-height-h400);letter-spacing:var(--letter-spacing-h400)}.adroom-chat .text-h300{font-size:var(--font-size-h300);line-height:var(--line-height-h300);letter-spacing:var(--letter-spacing-h300)}.adroom-chat .text-h200{font-size:var(--font-size-h200);line-height:var(--line-height-h200);letter-spacing:var(--letter-spacing-h200)}.adroom-chat .text-h100{font-size:var(--font-size-h100);line-height:var(--line-height-h100);letter-spacing:var(--letter-spacing-h100)}}.adroom-chat{color-scheme:dark;--ad-bg:#0b0f16;--ad-surface:#111722;--ad-elevated:#161d2b;--ad-hover:#1e2640;--ad-border:#1e2640;--ad-border-strong:#2a3450;--ad-text:#e8edf5;--ad-text-2:#8896ae;--ad-text-muted:#5a6882;--ad-accent:#6366f1;--ad-accent-hover:#818cf8;background:var(--ad-bg);color:var(--ad-text);--color-sandstorm-s0:var(--ad-bg);--color-sandstorm-s5:var(--ad-surface);--color-sandstorm-s10:var(--ad-elevated);--color-sandstorm-s20:var(--ad-hover);--color-sandstorm-s30:var(--ad-border);--color-sandstorm-s40:var(--ad-border);--color-sandstorm-s50:var(--ad-border-strong);--color-sandstorm-s60:var(--ad-border-strong);--color-sandstorm-s70:var(--ad-text-2);--color-forest-f0:var(--ad-hover);--color-forest-f10:var(--ad-border);--color-forest-f20:var(--ad-text-muted);--color-forest-f30:var(--ad-text-2);--color-forest-f40:#7d8ba5;--color-forest-f50:#cdd6e3;--color-forest-f60:var(--ad-text);--color-neutral-n0:var(--ad-bg);--color-neutral-n20:var(--ad-surface);--color-neutral-n30:var(--ad-elevated);--color-neutral-n40:var(--ad-hover);--color-neutral-n70:var(--ad-text-2);--color-neutral-n100:var(--ad-text-2);--color-neutral-n300:var(--ad-text-2);--color-neutral-n600:var(--ad-text-2);--color-neutral-n900:var(--ad-text);--color-red-r0:#ce1313}@supports (color:color-mix(in lab, red, red)){.adroom-chat{--color-red-r0:color-mix(in srgb, #ce1313 14%, var(--ad-surface))}}.adroom-chat{--color-red-r10:#ce1313}@supports (color:color-mix(in lab, red, red)){.adroom-chat{--color-red-r10:color-mix(in srgb, #ce1313 20%, var(--ad-surface))}}.adroom-chat{--color-red-r20:#ce1313}@supports (color:color-mix(in lab, red, red)){.adroom-chat{--color-red-r20:color-mix(in srgb, #ce1313 28%, var(--ad-surface))}}.adroom-chat{--color-semantic-text-primary:var(--ad-text);--color-semantic-text-secondary:var(--ad-text-2);--color-semantic-text-disabled:var(--ad-text-muted);--color-semantic-background-primary:var(--ad-bg);--color-semantic-background-secondary:var(--ad-surface);--color-semantic-background-tertiary:var(--ad-elevated);--color-semantic-background-field:var(--ad-elevated);--color-semantic-border-default:var(--ad-border);--color-semantic-border-light:var(--ad-border);--color-semantic-border-medium:var(--ad-border-strong);--color-semantic-border-common:var(--ad-border);--color-semantic-status-primary:var(--ad-accent)}.adroom-chat .bg-\[\#F8F8F3\],.adroom-chat .bg-\[\#F9F9F6\],.adroom-chat .bg-\[\#FEFEFB\],.adroom-chat .bg-\[\#FCFCF9\],.adroom-chat .bg-white{background-color:var(--ad-surface)!important}.adroom-chat .bg-\[\#F5F4EF\],.adroom-chat .bg-\[\#F1F3EF\],.adroom-chat .bg-\[\#F4F5F7\],.adroom-chat .bg-\[\#fafbfc\]{background-color:var(--ad-elevated)!important}.adroom-chat .bg-\[\#E3E3E3\],.adroom-chat .bg-\[\#e3e3e3\]{background-color:var(--ad-border)!important}.adroom-chat .text-\[\#072929\],.adroom-chat .text-\[\#092F2C\],.adroom-chat .text-\[\#0a0a0a\],.adroom-chat .text-black{color:var(--ad-text)!important}.adroom-chat .text-\[\#556179\],.adroom-chat .text-\[\#414c62\]{color:var(--ad-text-2)!important}.adroom-chat .text-\[\#5F6368\]{color:var(--ad-text-muted)!important}.adroom-chat .border-\[\#c1c7d0\],.adroom-chat .border-\[\#e3e3e3\],.adroom-chat .border-\[\#E3E3E3\],.adroom-chat .border-\[\#E8E8E3\],.adroom-chat .border-\[\#e8e8e3\],.adroom-chat .\!border-\[\#c1c7d0\]{border-color:var(--ad-border)!important}.adroom-chat .bg-\[\#f0f0eb\]{background-color:var(--ad-surface)!important}.adroom-chat .hover\:bg-\[\#F0F0ED\]:hover{background-color:var(--ad-hover)!important}.adroom-chat .hover\:bg-\[\#FFF1F0\]:hover{background-color:#ef444424!important}.adroom-chat .bg-forest-f60{background-color:var(--ad-border-strong)!important}.adroom-chat .adroom-icon-on-dark{filter:brightness(0)invert()}.adroom-chat .hover\:bg-forest-f50:hover{background-color:#7c8cff!important}@supports (color:color-mix(in lab, red, red)){.adroom-chat .hover\:bg-forest-f50:hover{background-color:color-mix(in srgb, var(--color-forest-f40) 82%, var(--ad-text))!important}}.adroom-chat button.bg-forest-f40:not(:disabled){background-color:var(--ad-accent)!important}.adroom-chat button.bg-forest-f40:not(:disabled):hover,.adroom-chat button.hover\:bg-forest-f50:not(:disabled):hover{background-color:var(--ad-accent-hover)!important}.adroom-chat label.flex{display:flex}.adroom-chat label.inline-flex{display:inline-flex}.adroom-chat label.grid{display:grid}.adroom-chat label.block{display:block}.adroom-chat label.hidden{display:none}.adroom-chat label:not([class*=mb-]):not([class*=my-]),.adroom-chat p:not([class*=mb-]):not([class*=my-]){margin-bottom:0}.adroom-chat button.rounded{border-radius:.25rem}.adroom-chat button.rounded-none{border-radius:0}.adroom-chat button.rounded-md{border-radius:.375rem}.adroom-chat button.rounded-lg{border-radius:.5rem}.adroom-chat button.rounded-xl{border-radius:.75rem}.adroom-chat button.rounded-full{border-radius:9999px}.adroom-chat button.rounded-\[4px\]{border-radius:4px}.adroom-chat button.rounded-\[6px\]{border-radius:6px}.adroom-chat button.rounded-\[8px\]{border-radius:8px}.adroom-chat button.rounded-\[10px\]{border-radius:10px}.adroom-chat button.rounded-\[12px\]{border-radius:12px}.adroom-chat button.rounded-\[16px\]{border-radius:16px}.adroom-chat button.rounded-\[20px\]{border-radius:20px}.adroom-chat button.rounded-\[43px\]{border-radius:43px}.adroom-chat button.rounded-r-\[8px\]{border-radius:0 8px 8px 0}.adroom-chat :is(button,input,textarea,select).text-\[10px\]{font-size:10px}.adroom-chat :is(button,input,textarea,select).text-\[11px\]{font-size:11px}.adroom-chat :is(button,input,textarea,select).text-\[12px\]{font-size:12px}.adroom-chat :is(button,input,textarea,select).text-\[13px\]{font-size:13px}.adroom-chat :is(button,input,textarea,select).text-\[14px\]{font-size:14px}.adroom-chat :is(button,input,textarea,select).text-xs{font-size:.75rem;line-height:1.33333}.adroom-chat a:not([class*=text-]){color:inherit}.adroom-chat :is(h1,h2,h3,h4,h5,h6,blockquote):not([class*=mb-]):not([class*=my-]){margin-bottom:0}.adroom-chat .bg-\[\#136D6D\]{background-color:var(--ad-accent)!important}.adroom-chat .bg-\[\#136D6D\]:hover,.adroom-chat .hover\:bg-\[\#0E4E4E\]:hover{background-color:var(--ad-accent-hover)!important}.adroom-chat .text-\[\#136D6D\]{color:var(--ad-accent-hover)!important}.adroom-chat .border-\[\#136D6D\],.adroom-chat .border-\[\#B8E0E0\]{border-color:var(--ad-accent)!important}.adroom-chat .bg-\[\#E6F2F2\],.adroom-chat .bg-\[\#E6F4F2\],.adroom-chat .bg-\[rgba\(214\,229\,229\,0\.5\)\]{background-color:#6366f126!important}.adroom-chat .hover\:bg-\[\#F1F3EF\]:hover{background-color:var(--ad-hover)!important}.adroom-chat .ring-white{--tw-ring-color:var(--ad-bg)!important}@media (prefers-reduced-motion:reduce){.adroom-chat .chat-progress-bar-fill,.adroom-chat .chat-progress-bar-dot{transition:none!important}}.adroom-chat .chat-main-surface,.adroom-chat .assistant-page-scroll{background:var(--ad-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.adroom-chat .chat-history-flyout,.adroom-chat [data-testid=chat-history-sidebar-v2]{border-right:1px solid var(--ad-border);background-color:var(--ad-surface)!important}.adroom-chat [data-testid=chat-history-sidebar-v2] [aria-hidden=true].rounded-full{opacity:.05!important}.adroom-chat .assistant-input-container{background:var(--ad-elevated)!important;border-color:var(--ad-border)!important;color:var(--ad-text)!important;box-shadow:none!important}.adroom-chat .assistant-input-container:hover{border-color:var(--ad-border-strong)!important}.adroom-chat .assistant-input-container:focus-within{border-color:var(--ad-accent)!important;box-shadow:0 0 0 2px #6366f12e!important}.adroom-chat .assistant-page-composer-portal{box-shadow:none!important;background:0 0!important}.adroom-chat [contenteditable],.adroom-chat textarea,.adroom-chat input[type=text],.adroom-chat input[type=search]{color:var(--ad-text)!important;background:0 0!important}.adroom-chat ::placeholder{color:var(--ad-text-muted)!important}.adroom-chat .assistant-setup-dropdown-trigger{background:var(--ad-elevated)!important;border-color:var(--ad-border)!important;color:var(--ad-text)!important}.adroom-chat .assistant-setup-dropdown-trigger:hover:not(:disabled){border-color:var(--ad-border-strong)!important}.adroom-chat .assistant-setup-dropdown-panel,.adroom-chat .assistant-composer-floating-menu,.adroom-chat .assistant-history-dropdown,.adroom-chat [role=listbox],.adroom-chat [role=menu]{background:var(--ad-elevated)!important;border:1px solid var(--ad-border)!important;color:var(--ad-text)!important;box-shadow:0 12px 32px #0000008c!important}.adroom-chat [role=option]:hover,.adroom-chat [role=menuitem]:hover{background:var(--ad-hover)!important}.adroom-chat .assistant-home-pill-item,.adroom-chat .assistant-home-topic-card{background-color:var(--ad-elevated)!important;border-color:var(--ad-border)!important;color:var(--ad-text)!important}.adroom-chat .assistant-home-pill-item:hover,.adroom-chat .assistant-home-topic-card:hover{background-color:var(--ad-hover)!important;border-color:var(--ad-accent)!important}.adroom-chat .assistant-home-pill-item[aria-pressed=true]{border-color:var(--ad-accent)!important;background-color:#6366f126!important}.adroom-chat [data-testid=chat-history-sidebar-v2] a{color:var(--ad-text-2)}.adroom-chat [data-testid=chat-history-sidebar-v2] a:hover{color:var(--ad-text)}.adroom-chat .prose,.adroom-chat [class*=prose]{--tw-prose-body:var(--ad-text);--tw-prose-headings:#f1f5f9;--tw-prose-links:var(--ad-accent-hover);--tw-prose-code:#a5b4fc;--tw-prose-pre-bg:var(--ad-elevated);color:var(--ad-text)!important}.adroom-chat .prose code{border-radius:4px;padding:2px 6px;background:var(--ad-hover)!important;color:#a5b4fc!important}.adroom-chat .prose pre{border-radius:8px;background:var(--ad-elevated)!important;border:1px solid var(--ad-border)!important}.adroom-chat .prose a{color:var(--ad-accent-hover)!important}.adroom-chat .prose th,.adroom-chat .prose td{border-color:var(--ad-border)!important;color:var(--ad-text)!important}.adroom-chat .prose th{background:var(--ad-elevated)!important}.adroom-chat ::-webkit-scrollbar{width:6px;height:6px}.adroom-chat ::-webkit-scrollbar-track{background:0 0}.adroom-chat ::-webkit-scrollbar-thumb{background:var(--ad-border);border-radius:999px}.adroom-chat ::-webkit-scrollbar-thumb:hover{background:var(--ad-border-strong)}.adroom-chat .assistant-message-content,.adroom-chat .chat-message-content{--asst-body-size:.8125rem!important;--asst-heading-size:.9375rem!important;--asst-h1-size:1rem!important;--asst-h4-size:.8125rem!important;--asst-h5-size:.75rem!important;--asst-h6-size:.6875rem!important;--asst-table-size:.6875rem!important;--asst-caption-size:.625rem!important}@media (min-width:1024px){.adroom-chat .assistant-message-content,.adroom-chat .chat-message-content{--asst-body-size:.875rem!important;--asst-heading-size:1rem!important;--asst-h1-size:1.0625rem!important;--asst-h4-size:.875rem!important;--asst-h5-size:.8125rem!important;--asst-table-size:.75rem!important}}@media (min-width:1536px){.adroom-chat .assistant-message-content,.adroom-chat .chat-message-content{--asst-body-size:.9375rem!important;--asst-heading-size:1.0625rem!important;--asst-h1-size:1.125rem!important;--asst-h4-size:.875rem!important;--asst-table-size:.8125rem!important}}.adroom-chat .chat-user-card{background-color:var(--ad-elevated)!important;color:var(--ad-text)!important;box-shadow:0 0 0 1px var(--ad-border)!important;font-size:.875rem!important;line-height:1.6!important}.adroom-chat .chat-user-card:hover{background-color:var(--ad-hover)!important}.adroom-chat .chat-user-card .bg-gradient-to-t{background-image:linear-gradient(to top, var(--ad-elevated) 0%, #161d2bd9 45%, transparent 100%)!important}.adroom-chat .chat-user-card:hover .bg-gradient-to-t{background-image:linear-gradient(to top, var(--ad-hover) 0%, #1e2640d9 45%, transparent 100%)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}} /* ========================================================================== AssistantPanel component styles — extracted from stellar-frontend-v1/src/index.css Scoped to .adroom-chat to avoid conflicts with Adroom/MUI styles. ========================================================================== */ /* Custom CSS variable bridge for stellar color tokens used in AssistantPanel */ .adroom-chat { --sandstorm-s5: #fdfaf5; --sandstorm-s10: #faf5eb; --sandstorm-s20: #f5ead6; --sandstorm-s40: #ebcf98; --sandstorm-s60: #c9a564; --forest-f5: #f5faf5; --forest-f10: #e8f4e8; --forest-f40: #5a9e5a; --forest-f60: #2d6e2d; --forest-f80: #1a4a1a; --slate-s5: #f8f9fa; --slate-s10: #f1f3f5; --slate-s20: #e9ecef; --slate-s40: #ced4da; --slate-s60: #868e96; --slate-s80: #495057; --slate-s90: #343a40; } /* Assistant suggested prompt button */ .adroom-chat .assistant-prompt-button { width: 100%; padding: 12px 16px; text-align: left; font-size: 14px; color: #374151; background-color: var(--ad-elevated); border: 1px solid var(--ad-border); border-radius: 8px; transition: border-color 0.2s, background-color 0.2s; cursor: pointer; } .adroom-chat .assistant-prompt-button:hover { border-color: var(--ad-accent); background-color: var(--ad-surface); } /* Survey single-select — Suggested Next Steps (Figma 331:49533–49538) */ /* ── assistant-survey-suggested-steps ────────────────────────────────────── Ported 1-to-1 from stellar-frontend-v1/src/index.css lines 3146-3241. Light-theme hex values replaced with CSS-variable references so the existing dark-theme remap (--color-sandstorm-*, --color-forest-*) in ai-chat.css handles both light and dark automatically. ────────────────────────────────────────────────────────────────────────── */ .adroom-chat .assistant-survey-suggested-steps { font-family: "GT America Trial", system-ui, sans-serif; display: flex; flex-direction: column; gap: 12px; width: 100%; margin: 0; } .adroom-chat .assistant-survey-suggested-steps__title { margin: 0; font-size: var(--asst-heading-size, 1.25rem) !important; font-weight: 500; line-height: var(--asst-heading-lh, 1.3); letter-spacing: 0; /* was #0b0f16 — remapped via --color-forest-f60 in dark theme */ color: var(--color-forest-f60, #0b0f16); } .adroom-chat .assistant-survey-suggested-steps__list { display: flex; flex-direction: column; gap: 8px; width: 100%; } .adroom-chat .assistant-survey-suggested-steps__row { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; margin: 0; padding: 12px 16px; /* was #e3e3e3 */ border: 1px solid var(--color-sandstorm-s40, var(--ad-border)); border-radius: 8px; /* was #fafbfc */ background-color: var(--color-sandstorm-s5, var(--ad-surface)); font-family: inherit; font-weight: 500; text-align: left; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; } .adroom-chat .assistant-survey-suggested-steps__row:hover:not(:disabled):not( .assistant-survey-suggested-steps__row--selected ) { /* was #e3e3e3 / #f4f5f7 */ border-color: var(--color-sandstorm-s40, var(--ad-border)); background-color: var(--color-sandstorm-s10, var(--ad-surface)); } .adroom-chat .assistant-survey-suggested-steps__row--selected { border-color: var(--color-forest-f40, var(--ad-accent)); /* was #ffffff */ background-color: var(--color-sandstorm-s10, var(--ad-elevated)); } .adroom-chat .assistant-survey-suggested-steps__row:disabled { cursor: default; opacity: 0.65; } .adroom-chat .assistant-survey-suggested-steps__row-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem !important; font-weight: 500; line-height: 1.25; letter-spacing: 0; /* was #0e4e4e */ color: var(--color-forest-f60, var(--ad-accent-hover)); } .adroom-chat .assistant-survey-suggested-steps__row-arrow { flex-shrink: 0; width: 11px; height: 12px; /* keep green stroke — path uses currentColor via stroke attr in SVG */ color: var(--color-forest-f40, var(--ad-accent)); } /* Override the SVG stroke color (hardcoded #136D6D in the SVG path) */ .adroom-chat .assistant-survey-suggested-steps__row-arrow path { stroke: var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-survey-suggested-steps__hint { margin: 0; font-size: var(--asst-caption-size, 0.6875rem) !important; font-weight: 400; line-height: 1; letter-spacing: 0; /* was #506766 */ color: var(--color-forest-f30, var(--ad-text-2)); } /* ── SurveyQuestion classic card ──────────────────────────────────────────── SurveyQuestion uses Tailwind utility classes from Stellar's design tokens. Most adapt automatically via @theme remapping. The exceptions below are hardcoded Tailwind classes that do not remap through CSS variables: ────────────────────────────────────────────────────────────────────────── */ /* Outer card wrapper: bg-white → dark surface */ .adroom-chat .assistant-message-blocks .rounded-xl.bg-white { background-color: var(--color-sandstorm-s5) !important; } /* Header band: bg-sandstorm-s0 already remaps, but the border-b needs contrast */ .adroom-chat .assistant-message-blocks .border-b { border-bottom-color: var(--color-sandstorm-s40) !important; } /* Submit / action buttons keep white text on dark accent background */ .adroom-chat .assistant-message-blocks button[class*="bg-forest-f40"]:not(:disabled) { color: #fff !important; } /* SurveyPendingBlock dashed border */ .adroom-chat .assistant-message-blocks .border-dashed { border-color: var(--color-sandstorm-s40); } /* SurveyCustomTextarea */ .adroom-chat .assistant-message-blocks textarea { background-color: var(--color-sandstorm-s5) !important; color: var(--color-forest-f60) !important; border-color: var(--color-sandstorm-s40) !important; } .adroom-chat .assistant-message-blocks textarea::placeholder { color: var(--color-forest-f30) !important; } /* Status text below survey submit row */ .adroom-chat .assistant-message-blocks .text-forest-f30 { color: var(--color-forest-f30) !important; } /* Selected option highlight: border-forest-f40 + bg-forest-f40/5 — already remapped via tokens; ensure it stays visible in dark */ .adroom-chat .assistant-message-blocks .bg-forest-f40\/5 { background-color: color-mix( in srgb, var(--color-forest-f40) 8%, transparent ) !important; } /* Chat rename / delete modals — shared responsive width */ .adroom-chat .chat-action-modal-panel { width: 100%; max-width: min(560px, calc(100vw - 2rem)); } /* Assistant input area — match sandstorm-s5 + #c1c7d0 border from AssistantPanel (no white focus flash) */ .adroom-chat .assistant-input-container { border: 1px solid var(--ad-border-strong); transition: border-color 0.2s, box-shadow 0.2s; background-color: var(--color-sandstorm-s5) !important; background-clip: border-box; isolation: isolate; } .adroom-chat .assistant-input-container:hover { border-color: var(--ad-border-strong); background-color: var(--color-sandstorm-s5) !important; } .adroom-chat .assistant-input-container:focus-within { border-color: var(--ad-border-strong); background-color: var(--color-sandstorm-s5) !important; } .adroom-chat .assistant-input-container--drag-active { position: relative; } .adroom-chat .assistant-composer-drag-overlay { position: absolute; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; border-radius: inherit; background-color: color-mix(in srgb, var(--ad-elevated) 94%, transparent); border: 1.5px dashed var(--color-forest-f40, var(--ad-accent)); pointer-events: none; } .adroom-chat .assistant-composer-drag-icon { width: 70px; height: 62px; object-fit: contain; } /* Composer / message file attachment chip (Figma 3234:11098, tag 3260:10534) */ .adroom-chat .assistant-composer-file-chip { position: relative; display: inline-flex; width: max-content; max-width: 280px; min-width: 0; } .adroom-chat .assistant-composer-file-chip-main { display: flex; align-items: flex-start; box-sizing: border-box; min-width: 0; width: max-content; max-width: 280px; padding: 8px; border: 1px solid var(--ad-border); border-radius: 8px; background-color: var(--ad-elevated); text-align: left; } .adroom-chat button.assistant-composer-file-chip-main { cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; } .adroom-chat button.assistant-composer-file-chip-main:hover { border-color: var(--color-forest-f40, var(--ad-accent)); background-color: var(--color-sandstorm-s5, var(--ad-surface)); } .adroom-chat .assistant-composer-file-chip-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: 100%; } .adroom-chat .assistant-composer-file-chip-name { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "GT America Trial", sans-serif; font-size: 14px; font-weight: 400; line-height: normal; color: var(--color-forest-f50, var(--ad-accent-hover)); } .adroom-chat .assistant-composer-file-chip-meta-row { display: flex; align-items: center; gap: 4px; min-width: 0; flex-shrink: 0; } /* Figma Status Tag — type + size (PDF . 124 KB), no icons */ .adroom-chat .assistant-composer-file-chip-meta { display: inline-flex; align-items: center; justify-content: center; gap: 2px; height: 20px; min-width: 0; max-width: 100%; padding: 4px 8px; border-radius: 100px; background-color: var(--ad-hover); /* Neutral/N30 */ overflow: hidden; text-overflow: ellipsis; font-family: "GT America Trial", sans-serif; font-size: 10px; font-weight: 500; line-height: normal; color: var(--ad-text-2); /* Neutral/N300 */ white-space: nowrap; } .adroom-chat .assistant-composer-file-chip-remove { position: absolute; top: -7px; right: -7px; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: 1px solid var(--ad-border); border-radius: 9999px; background-color: var(--ad-elevated); color: var(--color-forest-f60, var(--ad-text)); cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease; } .adroom-chat .assistant-composer-file-chip-remove:hover { border-color: var(--color-forest-f40, var(--ad-accent)); color: var(--color-forest-f40, var(--ad-accent)); background-color: var(--color-sandstorm-s5, var(--ad-surface)); } .adroom-chat .assistant-composer-image-attachment-preview { display: block; width: 55px; height: 55px; flex-shrink: 0; overflow: hidden; border-radius: 8px; background-color: var(--ad-elevated); border: 1px solid var(--ad-border); padding: 0; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .adroom-chat .assistant-composer-image-attachment-preview:not(:disabled):hover { border-color: var(--color-forest-f40, var(--ad-accent)); } /* Scope chips inside composer — blend with input surface, not pure white */ .adroom-chat .assistant-input-container .assistant-setup-dropdown-trigger { background-color: var(--color-sandstorm-s5); } .adroom-chat .assistant-input-container textarea { background-color: transparent !important; border: none; outline: none; } .adroom-chat .assistant-input-container textarea::placeholder { color: #9ca3af; } .adroom-chat .assistant-input-container textarea:focus { outline: none; } @media (prefers-reduced-motion: reduce) { .adroom-chat .assistant-figma-timeline-dot--pulse, .adroom-chat .assistant-stream-status-icon, .adroom-chat .assistant-figma-tool-chip-icon--spin { animation: none !important; } } /* Top row: chat tabs + New Chat & Close */ .adroom-chat .assistant-top-row { border-bottom: 1px solid var(--color-semantic-border-default); background-color: var(--color-sandstorm-s0); } .adroom-chat .assistant-top-row-inner { display: flex; align-items: center; justify-content: space-between; gap: 0.375rem; min-height: 40px; padding: 0.2rem 0; } /* Scrollbar is drawn inside this box (inwards), not below it */ .adroom-chat .assistant-tabs-scroll { display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0; min-height: 0; overflow-x: auto; overflow-y: hidden; height: auto; padding: 0.35rem 0.35rem 0.35rem 0.5rem; scrollbar-width: thin; } .adroom-chat .assistant-top-row-actions { display: flex; align-items: center; gap: 0.45rem; flex-shrink: 0; padding: 0.35rem 0.5rem 0.35rem 0.15rem; height: auto; } /* Single chat tab pill */ .adroom-chat .assistant-tab-pill { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; padding: 0.15rem 0.25rem 0.15rem 0.25rem; border-radius: 0.5rem; font-size: var(--font-size-h400); transition: color 0.2s, background-color 0.2s, border-color 0.2s; border: 1px solid var(--color-semantic-border-default); background-color: var(--color-sandstorm-s0); color: var(--color-semantic-text-primary); } .adroom-chat .assistant-tab-pill:hover { border-color: rgba(19, 109, 109, 0.3); background-color: var(--color-neutral-100); } .adroom-chat .assistant-tab-pill-active { background-color: rgba(19, 109, 109, 0.12); color: var(--color-semantic-status-primary); border-color: rgba(19, 109, 109, 0.3); } .adroom-chat .assistant-tab-pill-button { display: flex; align-items: center; gap: 0.5rem; min-width: 0; flex: 1; padding: 0.125rem 0; border-radius: 0.25rem; background: none; border: none; cursor: pointer; color: inherit; font: inherit; text-align: left; } /* Delete (X) on tab – visible on group hover */ .adroom-chat .assistant-tab-delete { padding: 0.25rem; border-radius: 0.25rem; color: var(--color-neutral-n100); background: transparent; border: none; cursor: pointer; opacity: 0; transition: opacity 0.2s, color 0.2s, background-color 0.2s; flex-shrink: 0; } .adroom-chat .assistant-tab-pill:hover .assistant-tab-delete, .adroom-chat .assistant-tab-delete:focus { opacity: 1; } .adroom-chat .assistant-tab-delete:hover { color: var(--color-semantic-text-primary); background-color: rgba(0, 0, 0, 0.1); } /* New Chat & Close header buttons */ .adroom-chat .assistant-header-icon-btn { position: relative; z-index: 100; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; color: var(--ad-text); background: var(--ad-surface); border: 1px solid var(--ad-border); cursor: pointer; transition: background-color 0.2s, border-color 0.2s; } .adroom-chat .assistant-header-icon-btn:hover { background-color: var(--ad-surface); border-color: var(--ad-border); } /* Second row: account/channel only */ .adroom-chat .assistant-account-row { border-bottom: 1px solid var(--color-semantic-border-default); padding: 0.5rem 1rem; min-height: 44px; background-color: var(--color-semantic-background-primary); z-index: 20; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.3); } .adroom-chat .assistant-account-row-compact { min-height: 32px; padding: 0.375rem 1rem; } /* Footer profile chips (trigger in input area) */ .adroom-chat .assistant-footer-chips .assistant-setup-dropdown-trigger { width: auto; max-width: min(320px, calc(100vw - 8rem)); padding: 0.375rem 0.5rem; font-size: 12px; min-height: 28px; } .adroom-chat .assistant-footer-chips .assistant-setup-dropdown-chevron { width: 0.875rem; height: 0.875rem; } .adroom-chat .assistant-account-row-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; min-width: 0; } .adroom-chat .assistant-account-label { font-size: 14px; font-weight: 500; color: var(--color-semantic-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .adroom-chat .assistant-channel-label { font-size: 14px; font-weight: 500; color: var(--color-semantic-text-primary); opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* AI message content — responsive typography (Figma 2xl: 18px body, 20px headings, 14px tables) */ .adroom-chat .assistant-message-content { --asst-body-size: 0.875rem; --asst-body-lh: 1.5; --asst-heading-size: 1rem; --asst-heading-lh: 1.3; --asst-h1-size: 1.125rem; --asst-h4-size: 0.875rem; --asst-h5-size: 0.8125rem; --asst-h6-size: 0.75rem; --asst-table-size: 0.75rem; --asst-caption-size: 0.6875rem; /* Figma 331:48848 page 32 / 331:48872 section 24 / 331:48965 block 12 / tight 8 / micro 4 at 2xl */ --asst-gap-page: 1rem; --asst-gap-section: 1rem; --asst-gap-block: 0.5rem; --asst-gap-tight: 0.375rem; --asst-gap-micro: 0.25rem; --asst-list-indent: 1.5rem; font-size: var(--asst-body-size); font-weight: 400; line-height: var(--asst-body-lh); letter-spacing: 0.02em; color: var(--color-forest-f50, var(--ad-accent-hover)); width: 100%; max-width: none; } /* Shared gap tokens for AI answer layout (inherit into nested blocks) */ .adroom-chat .chat-message-content { flex: 1; min-width: 0; --asst-gap-page: 1rem; --asst-gap-section: 1rem; --asst-gap-block: 0.5rem; --asst-gap-tight: 0.375rem; --asst-gap-micro: 0.25rem; } /* Figma 331:48872 — 24px between answer blocks; 331:48848 — 32px below tabs */ .adroom-chat .assistant-ai-message-body { display: flex; flex-direction: column; gap: var(--asst-gap-section); width: 100%; margin-top: var(--asst-gap-page); font-family: "GT America Trial", sans-serif !important; } /* Major blocks (markdown, charts, tables, surveys) — Figma 331:48872 gap 24px */ .adroom-chat .assistant-message-blocks { display: flex; flex-direction: column; align-items: stretch; gap: var(--asst-gap-section); width: 100%; text-align: left; } /* Composer selection quote chip (Figma 331:49981–331:49982) */ .adroom-chat .assistant-composer-selection-quote { position: relative; display: inline-flex; max-width: min(100%, 280px); min-width: 0; } .adroom-chat .assistant-composer-selection-quote-main { display: flex; align-items: flex-start; gap: 6px; min-width: 0; width: 100%; min-height: 54px; padding: 8px; border: 1px solid var(--ad-border); border-radius: 8px; background-color: var(--ad-elevated); box-sizing: border-box; text-align: left; } .adroom-chat .assistant-composer-selection-quote-icon { flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-selection-quote-text { flex: 1; min-width: 0; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: "GT America Trial", sans-serif; font-size: 14px; font-weight: 400; line-height: normal; color: var(--color-forest-f60, var(--ad-text)); word-break: break-word; } .adroom-chat .assistant-composer-selection-quote-remove { position: absolute; top: -7px; right: -7px; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: 1px solid var(--ad-border); border-radius: 9999px; background-color: var(--ad-elevated); color: var(--color-forest-f60, var(--ad-text)); cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease; } .adroom-chat .assistant-composer-selection-quote-remove:hover { border-color: var(--color-forest-f40, var(--ad-accent)); color: var(--color-forest-f40, var(--ad-accent)); background-color: var(--color-sandstorm-s5, var(--ad-surface)); } .adroom-chat .assistant-composer-selection-quote-remove:focus-visible { outline: 2px solid var(--color-forest-f40, var(--ad-accent)); outline-offset: 2px; } .adroom-chat .assistant-ai-message-body, .adroom-chat .assistant-message-content { user-select: text; -webkit-user-select: text; } .adroom-chat .assistant-md-body { font-size: var(--asst-body-size); line-height: var(--asst-body-lh); font-weight: 400; color: var(--color-forest-f50, var(--ad-accent-hover)); } .adroom-chat .assistant-md-strong { font-weight: 500; color: var(--color-forest-f60, var(--ad-text)); } /* Inline code in assistant markdown — match body font (GT America), not browser monospace */ .adroom-chat .assistant-md-code { font-family: inherit; font-size: inherit; font-weight: 500; line-height: inherit; white-space: pre-wrap; word-break: break-word; border-radius: 4px; padding: 0 0.25rem; } .adroom-chat .assistant-md-code--ai { color: var(--color-forest-f60, var(--ad-text)); /* Mirrors the translucent-white treatment --human uses, so inline code reads as a subtle lift on dark instead of stellar's pale mint chip. */ background-color: rgba(255, 255, 255, 0.08); } .adroom-chat .assistant-md-code--human { color: inherit; background-color: rgba(255, 255, 255, 0.14); } .adroom-chat .assistant-md-pre { margin: 0 0 var(--asst-gap-tight) 0; overflow-x: auto; border-radius: 8px; border: 1px solid var(--color-sandstorm-s40, var(--ad-border)); background-color: var(--color-sandstorm-s5, var(--ad-surface)); padding: 12px; } .adroom-chat .assistant-md-code-block { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: 0.8125rem; line-height: 1.5; color: var(--color-forest-f60, var(--ad-text)); white-space: pre-wrap; word-break: break-word; } /* In-section spacing — Figma 331:49354 / 331:49076 gap 12px between heading, lists, paragraphs */ .adroom-chat .assistant-message-section { display: flex; flex-direction: column; align-items: stretch; gap: var(--asst-gap-block); width: 100%; } .adroom-chat .assistant-message-section .assistant-md-h1, .adroom-chat .assistant-message-section .assistant-md-h2, .adroom-chat .assistant-message-section .assistant-md-h3, .adroom-chat .assistant-message-section .assistant-md-h4, .adroom-chat .assistant-message-section .assistant-md-h5, .adroom-chat .assistant-message-section .assistant-md-h6, .adroom-chat .assistant-message-section p, .adroom-chat .assistant-message-section ul, .adroom-chat .assistant-message-section ol, .adroom-chat .assistant-message-section .assistant-table-outer { margin: 0; } .adroom-chat .assistant-md-h1, .adroom-chat .assistant-md-h2, .adroom-chat .assistant-md-h3, .adroom-chat .assistant-md-h4 { font-size: var(--asst-heading-size); line-height: var(--asst-heading-lh); font-weight: 500; color: var(--color-neutral-n900, #0b0f16); margin: 0 0 var(--asst-gap-block) 0; } .adroom-chat .assistant-md-h5 { font-size: var(--asst-h5-size); line-height: var(--asst-body-lh); font-weight: 500; color: var(--color-neutral-n900, #0b0f16); margin: 0 0 var(--asst-gap-tight) 0; } .adroom-chat .assistant-md-h6 { font-size: var(--asst-h6-size); line-height: var(--asst-body-lh); font-weight: 500; color: var(--color-neutral-n900, #0b0f16); margin: 0 0 var(--asst-gap-tight) 0; } .adroom-chat .assistant-message-content .graph-container { margin: 0; } .adroom-chat .assistant-message-content .graph-container h3 { margin: 0 0 var(--asst-gap-micro) 0; font-size: var(--asst-heading-size); line-height: var(--asst-heading-lh); } .adroom-chat .assistant-message-content .graph-container p { font-size: var(--asst-body-size); line-height: var(--asst-body-lh); } .adroom-chat .assistant-message-content ul { list-style-type: disc; list-style-position: outside; padding-left: var(--asst-list-indent); font-size: var(--asst-body-size); line-height: var(--asst-body-lh); display: flex; flex-direction: column; gap: var(--asst-caption-size); } .adroom-chat .assistant-message-content ol { list-style-type: decimal; list-style-position: outside; padding-left: var(--asst-list-indent); font-size: var(--asst-body-size); line-height: var(--asst-body-lh); display: flex; flex-direction: column; gap: var(--asst-caption-size); } .adroom-chat .assistant-message-content ol li::marker, .adroom-chat .assistant-message-content ul li::marker { font-size: var(--asst-body-size); font-weight: 400; color: var(--ad-text-2); } .adroom-chat .assistant-message-content li { margin-bottom: 0; line-height: var(--asst-body-lh); } .adroom-chat .assistant-message-content li:last-child { margin-bottom: 0; } .adroom-chat .assistant-message-content li > ul, .adroom-chat .assistant-message-content li > ol { margin-top: var(--asst-gap-tight); margin-left: var(--asst-gap-block); margin-bottom: 0; } .adroom-chat .assistant-message-content p:last-child { margin-bottom: 0; } /* ── Streaming status (Claude-style pulsing Prism mark) ── */ .adroom-chat .assistant-stream-status-dock { position: absolute; left: 0; right: 0; bottom: 0; z-index: 15; pointer-events: none; padding: 0 1.5rem 0.5rem; background: linear-gradient( to top, var(--color-sandstorm-s0, var(--ad-surface)) 62%, color-mix(in srgb, var(--ad-surface) 92%, transparent) 78%, transparent ); } .adroom-chat .assistant-stream-status-dock-inner { max-width: 800px; margin: 0 auto; width: 100%; pointer-events: auto; } /* Page /chat: in-flow flex footer for portaled composer + status (status first in portal column) */ .adroom-chat .assistant-page-composer-dock { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; position: relative; background: transparent; } .adroom-chat .assistant-page-composer-portal { width: 100%; } .adroom-chat .assistant-composer-animated-placeholder-enter { animation: assistant-composer-placeholder-in 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards; will-change: transform, opacity; } .adroom-chat .assistant-composer-animated-placeholder-exit { animation: assistant-composer-placeholder-out 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards; will-change: transform, opacity; } .adroom-chat .assistant-page-composer-status .assistant-stream-status { /* Match composer px-3; clear rounded portal corner so pulse ring is not clipped */ padding: 12px 12px 4px 12px; } .adroom-chat .assistant-stream-status--compact { gap: 7px; } .adroom-chat .assistant-stream-status--compact .assistant-stream-status-icon-shell { width: 24px; height: 24px; } .adroom-chat .assistant-stream-status--compact .assistant-stream-status-ring { border-width: 1px; } .adroom-chat .assistant-stream-status { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 4px 10px 0; border: none; background: transparent; box-shadow: none; } .adroom-chat .assistant-stream-status--working { /* mode hook for future accent tweaks */ } .adroom-chat .assistant-stream-status-icon-shell { position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; } .adroom-chat .assistant-stream-status-ring { position: absolute; inset: 0; border-radius: 9999px; border: 2px solid rgba(19, 109, 109, 0.35); animation: assistant-stream-ring-pulse 1.6s ease-in-out infinite; } .adroom-chat .assistant-stream-status-icon { position: relative; z-index: 1; animation: assistant-stream-icon-pulse 1.6s ease-in-out infinite; } .adroom-chat .assistant-stream-status-ellipsis { display: inline-block; min-width: 1.1em; animation: assistant-stream-ellipsis 1.2s steps(4, end) infinite; } /* Hide markdown horizontal rules (---) in AI answers — spacing comes from typography scale */ .adroom-chat .assistant-message-content hr { display: none; margin: 0; border: none; } /* ── AI message tables — Pixis OS / Figma Frame 2147225530 ── */ .adroom-chat .assistant-table-caption-suppressed { display: none !important; margin: 0 !important; } .adroom-chat .assistant-table-section { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 100%; margin: 0; } .adroom-chat .assistant-table-section__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 24px; } .adroom-chat .assistant-table-section__title { flex: 1 1 auto; min-width: 0; margin: 0 !important; } /* No heading: keep the copy/download actions pinned to the right edge. */ .adroom-chat .assistant-table-section__header--actions-only { justify-content: flex-end; } /* Description lifted out of markdown flow and placed under the title row. */ .adroom-chat .assistant-table-section__description { margin: -4px 0 0 0 !important; width: 100%; } .adroom-chat .assistant-table-actions--pinned { flex-shrink: 0; } .adroom-chat .assistant-table-outer { display: flex; flex-direction: column; gap: 0.75rem; width: 100%; max-width: 100%; margin: 0; } /* Status line (or any paragraph) directly above a table: flex gap handles spacing */ .adroom-chat .assistant-message-content p:has(+ .assistant-table-outer), .adroom-chat .assistant-message-content p:has(+ .assistant-table-section), .adroom-chat .assistant-message-content :is(h1, h2, h3, h4, h5, h6):has(+ .assistant-table-section) { margin-bottom: 0; } .adroom-chat .assistant-table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; min-height: 24px; opacity: 1; flex-shrink: 0; } .adroom-chat .assistant-table-wrapper { width: 100%; max-width: 100%; border-radius: 12px; border: 1px solid var(--ad-border); background-color: var(--ad-surface); overflow: hidden; /* Collapsed tables ignore ancestor radius; isolate + rounded scrollport helps compositing */ isolation: isolate; } .adroom-chat .assistant-table-scroll { border-radius: 12px; -webkit-overflow-scrolling: touch; } .adroom-chat .assistant-table-action-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; border: none; background: transparent; color: var(--color-neutral-n300, var(--ad-text-2)); cursor: pointer; transition: color 0.15s ease, background-color 0.15s ease; } .adroom-chat .assistant-table-action-btn svg, .adroom-chat .assistant-table-action-btn img, .adroom-chat .assistant-table-action-btn > span { flex-shrink: 0; } .adroom-chat .assistant-table-action-btn > span svg { display: block; } .adroom-chat .assistant-table-action-btn:hover { background-color: var(--ad-hover); color: var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-table-action-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-message-content .assistant-table, .adroom-chat .assistant-table { font-size: var(--asst-table-size, 0.875rem); font-feature-settings: "tnum"; border-collapse: separate; border-spacing: 0; width: 100%; } /* Fixed-width attribute tables — keep column widths aligned across stacked tables */ .adroom-chat .assistant-table.assistant-table--fixed-cols { table-layout: fixed; width: 100%; } .adroom-chat .assistant-table:not(.assistant-table--fixed-cols) { width: max-content; min-width: 100%; table-layout: auto; } .adroom-chat .assistant-table:not(.assistant-table--fixed-cols) :is(th, td) { min-width: 128px; max-width: 320px; } .adroom-chat .assistant-table:not(.assistant-table--fixed-cols).assistant-table--index-col :is(th, td):first-child { width: 44px; min-width: 44px; max-width: 56px; text-align: center; white-space: nowrap; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="2"] :is(th, td):nth-child(1) { width: 38%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="2"] :is(th, td):nth-child(2) { width: 62%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="3"] :is(th, td):nth-child(1) { width: 30%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="3"] :is(th, td):nth-child(2) { width: 35%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="3"] :is(th, td):nth-child(3) { width: 35%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="4"] :is(th, td):nth-child(1) { width: 38%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="4"] :is(th, td):nth-child(2) { width: 22%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="4"] :is(th, td):nth-child(3) { width: 20%; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="4"] :is(th, td):nth-child(4) { width: 20%; } /* Index / step number column — narrow first column, more room for content */ .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="2"] :is(th, td):nth-child(1) { width: 10%; min-width: 48px; max-width: 72px; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="2"] :is(th, td):nth-child(2) { width: 90%; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="3"] :is(th, td):nth-child(1) { width: 10%; min-width: 48px; max-width: 72px; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="3"] :is(th, td):nth-child(2) { width: 45%; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="3"] :is(th, td):nth-child(3) { width: 45%; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="4"] :is(th, td):nth-child(1) { width: 8%; min-width: 48px; max-width: 72px; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="4"] :is(th, td):nth-child(2) { width: 31%; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="4"] :is(th, td):nth-child(3) { width: 31%; } .adroom-chat .assistant-table.assistant-table--index-col[data-assistant-cols="4"] :is(th, td):nth-child(4) { width: 30%; } .adroom-chat .assistant-table.assistant-table--index-col :is(th, td):first-child { text-align: center; padding-left: 12px; padding-right: 12px; white-space: nowrap; } .adroom-chat .assistant-table.assistant-table--index-col :is(th, td):first-child.assistant-table-th { text-align: center; } /* Placeholder header row (e.g. `| | |` above lifted section title tables) */ .adroom-chat .assistant-table thead.assistant-table-thead--suppressed { display: none; } /* Internal grid only — outer frame is .assistant-table-wrapper border */ .adroom-chat .assistant-message-content .assistant-table-th, .adroom-chat .assistant-table-th, .adroom-chat .assistant-message-content .assistant-table-td, .adroom-chat .assistant-table-td { box-sizing: border-box; border-style: solid; border-color: var(--ad-border); border-width: 0 1px 1px 0; background-clip: padding-box; } .adroom-chat .assistant-message-content .assistant-table-th, .adroom-chat .assistant-table-th { padding: 12px 16px; height: 56px; vertical-align: middle; text-align: left; font-size: var(--asst-table-size, 0.875rem); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--color-neutral-n600, #29303f); background-color: var(--ad-elevated); white-space: normal; overflow-wrap: break-word; word-break: normal; position: sticky; top: 0; z-index: 5; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .adroom-chat .assistant-message-content .assistant-table-td, .adroom-chat .assistant-table-td { padding: 12px 18px; height: 56px; vertical-align: middle; font-size: var(--asst-table-size, 0.875rem); font-weight: 400; color: var(--color-neutral-n900, #0b0f16); background-color: var(--ad-surface); white-space: normal; overflow-wrap: break-word; word-break: normal; -webkit-hyphens: manual; hyphens: manual; line-height: 1.35; } .adroom-chat .assistant-table :is(th, td) > * { min-width: 0; max-width: 100%; } .adroom-chat .assistant-table tr > :last-child { border-right-width: 0; } .adroom-chat .assistant-table > tbody tr:last-child > th, .adroom-chat .assistant-table > tbody tr:last-child > td { border-bottom-width: 0; } .adroom-chat .assistant-table:not(:has(tbody)) > thead tr:last-child > th, .adroom-chat .assistant-table:not(:has(tbody)) > thead tr:last-child > td { border-bottom-width: 0; } /* Rounded corners (collapse breaks these; separate + radii matches Figma 12px) */ .adroom-chat .assistant-table > thead tr:first-child > :first-child { border-top-left-radius: 12px; } .adroom-chat .assistant-table > thead tr:first-child > :last-child { border-top-right-radius: 12px; } .adroom-chat .assistant-table:not(:has(thead)) > tbody tr:first-child > :first-child { border-top-left-radius: 12px; } .adroom-chat .assistant-table:not(:has(thead)) > tbody tr:first-child > :last-child { border-top-right-radius: 12px; } .adroom-chat .assistant-table:has(thead.assistant-table-thead--suppressed) > tbody tr:first-child > :first-child { border-top-left-radius: 12px; } .adroom-chat .assistant-table:has(thead.assistant-table-thead--suppressed) > tbody tr:first-child > :last-child { border-top-right-radius: 12px; } .adroom-chat .assistant-table > tbody tr:last-child > :first-child { border-bottom-left-radius: 12px; } .adroom-chat .assistant-table > tbody tr:last-child > :last-child { border-bottom-right-radius: 12px; } .adroom-chat .assistant-table:not(:has(tbody)) > thead tr:last-child > :first-child { border-bottom-left-radius: 12px; } .adroom-chat .assistant-table:not(:has(tbody)) > thead tr:last-child > :last-child { border-bottom-right-radius: 12px; } .adroom-chat .assistant-message-content .assistant-table tbody tr:hover td, .adroom-chat .assistant-table tbody tr:hover td { background-color: var(--ad-hover); } /* ── Chat message layout ── */ .adroom-chat .chat-message-row { display: flex; gap: 12px; width: 100%; } /* Pixis OS / Figma Frame 2147225329 — user query row */ .adroom-chat .chat-user-message-frame { align-items: center; justify-content: center; } .adroom-chat .chat-user-message-inner { flex: 1 0 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-end; width: 100%; } .adroom-chat .chat-avatar { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; line-height: 1; margin-top: 2px; } .adroom-chat .chat-user-avatar { background-color: var(--ad-accent); color: #ffffff; } .adroom-chat .chat-ai-avatar { background-color: var(--ad-surface); padding: 5px; } .adroom-chat .chat-ai-avatar img { width: 100%; height: 100%; object-fit: contain; } .adroom-chat .chat-message-header { display: flex; align-items: center; gap: 8px; min-height: 28px; } .adroom-chat .chat-message-header-label { font-size: 14px; font-weight: 600; color: var(--ad-text); } /* AI message header — Pixis OS Figma 347:20084 (tabs + full-width rule + active tab accent) */ .adroom-chat .assistant-ai-message-header { display: flex; flex-direction: column; gap: 0; width: 100%; min-width: 0; } .adroom-chat .assistant-ai-message-header__row { display: flex; align-items: flex-end; gap: 12px; width: 100%; min-width: 0; border-bottom: 1px solid var(--ad-border); /* Space below tabs so body copy isn’t flush against the rule */ width: 100%; } .adroom-chat .assistant-ai-message-header__brand { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; padding: 4px 8px; border-radius: 4px; } .adroom-chat .assistant-ai-message-header__brand-icon { width: 20px; height: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .adroom-chat .assistant-ai-message-header__brand-icon img, .adroom-chat .assistant-ai-message-header__brand-icon > span { width: 100%; height: 100%; object-fit: contain; } .adroom-chat .assistant-ai-message-header__title { font-family: "GT America Trial", sans-serif; font-size: 0.8125rem; font-weight: 500; line-height: normal; font-style: normal; color: var(--ad-text); white-space: nowrap; } .adroom-chat .assistant-ai-message-header__meta { flex-shrink: 0; font-size: var(--font-size-h450, 10px); font-weight: 400; color: rgba(80, 103, 102, 0.72); display: inline-flex; align-items: end; gap: 4px; white-space: nowrap; } .adroom-chat .assistant-ai-message-header .chat-message-actions { margin-left: 0; opacity: 1; } .adroom-chat .assistant-ai-message-header__trailing { margin-left: auto; align-self: center; display: flex; align-items: center; gap: 8px; min-width: 0; flex-shrink: 0; } .adroom-chat .assistant-ai-message-header__tabs { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; min-width: 0; } .adroom-chat .assistant-ai-message-header__tab { display: inline-flex; align-items: center; gap: 4px; padding: 8px 8px; border-radius: 4px 4px 0 0; border: none; background: transparent; cursor: pointer; font-family: "GT America Trial", sans-serif; font-size: 0.8125rem; font-weight: 500; line-height: normal; color: var(--ad-text-2); margin-bottom: -1px; border-bottom: 2px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; } .adroom-chat .assistant-ai-message-header__tab:hover { color: var(--ad-text); } .adroom-chat .assistant-ai-message-header__tab--active { color: var(--ad-text); border-bottom-color: var(--ad-text); border-radius: 2px 2px 0 0; } .adroom-chat .assistant-ai-message-header__tab-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .adroom-chat .assistant-ai-message-header__tab-icon-img { display: block; object-fit: contain; } .adroom-chat .assistant-ai-message-header__tab-count { font-weight: 500; color: var(--ad-text-2); } @media (prefers-reduced-motion: reduce) { .adroom-chat .assistant-ai-message-tab-pane { animation: none; } } .adroom-chat .chat-message-actions { display: flex; align-items: center; gap: 2px; margin-left: auto; opacity: 0; transition: opacity 0.2s ease; } .adroom-chat .chat-message-row:hover .chat-message-actions { opacity: 1; } .adroom-chat .chat-action-btn { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px; border-radius: 6px; font-size: 20px; font-weight: 500; color: var(--ad-text-2); background: transparent; border: none; cursor: pointer; transition: all 0.15s ease; } .adroom-chat .chat-action-btn:hover { background-color: rgba(19, 109, 109, 0.08); color: var(--ad-accent); } /* Human message bubble — Figma 3226:10942 / hover 331:48849 */ .adroom-chat .chat-user-card { width: fit-content; max-width: 80%; margin-left: auto; align-self: flex-end; box-sizing: border-box; padding: 0.75rem 1.5rem; /* 12px 24px */ border-radius: 0.75rem; /* 12px */ background-color: var(--ad-surface); /* Neutral/N20 */ box-shadow: 0 0 0.03125rem rgba(9, 30, 66, 0.31); /* 0.5px */ color: var(--ad-text); /* forest-f60 */ font-family: "GT America Trial", sans-serif; font-size: 1rem; /* 16px — mobile */ font-style: normal; font-weight: 500; line-height: 1.75; /* 28px */ overflow-wrap: anywhere; word-break: break-word; transition: background-color 0.15s ease; } .adroom-chat .chat-user-card:hover { background-color: var(--ad-hover); /* Neutral/N30 */ } .adroom-chat .chat-user-card .block { width: 100%; } .adroom-chat .chat-user-attachments { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-end; gap: 0.5rem; /* 8px */ width: 100%; max-width: 100%; min-width: 0; } /* Message-thread attachment chips — uniform 140×124 for all types (Figma 3234:11098) */ .adroom-chat .assistant-message-file-chip { width: 8.75rem; /* 140px */ height: 7.75rem; /* 124px — match image + text cards */ max-width: min(100%, 8.75rem); min-width: 0; flex-shrink: 0; } .adroom-chat .assistant-message-file-chip .assistant-composer-file-chip-main { box-sizing: border-box; width: 100%; max-width: none; height: 100%; overflow: hidden; border: 1px solid var(--ad-border); border-radius: 0.5rem; /* 8px */ background-color: var(--ad-elevated); } .adroom-chat .assistant-message-file-chip button.assistant-composer-file-chip-main:hover, .adroom-chat .assistant-message-file-chip button.assistant-composer-file-chip-main:focus-visible { border-color: var(--ad-border); background-color: var(--ad-elevated); box-shadow: 0 0 0 0.125rem rgba(19, 109, 109, 0.2); } .adroom-chat .assistant-message-file-chip .assistant-composer-file-chip-body { flex: 1 1 auto; min-width: 0; min-height: 0; height: 100%; overflow: hidden; justify-content: flex-start; gap: 8px; } .adroom-chat .assistant-message-file-chip .assistant-composer-file-chip-meta-row { margin-top: auto; flex-shrink: 0; } .adroom-chat .assistant-message-file-chip-name--multiline { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; min-width: 0; min-height: 0; /* 3 lines @ 14px/1.3 — fits above meta inside 124px card without glyph clipping */ max-height: calc(14px * 1.3 * 3); line-height: 1.3; overflow-wrap: anywhere; word-break: break-word; -webkit-hyphens: none; hyphens: none; } .adroom-chat .assistant-message-image-attachment { box-sizing: border-box; width: 8.75rem; /* 140px */ height: 7.75rem; /* 124px */ flex-shrink: 0; border-radius: 0.5rem; /* 8px — match file chips */ border: 1px solid var(--ad-border); background-color: var(--ad-surface); overflow: hidden; } .adroom-chat .assistant-message-image-attachment:not(:disabled):hover, .adroom-chat .assistant-message-image-attachment:not(:disabled):focus-visible { border-color: var(--ad-border); box-shadow: 0 0 0 0.125rem rgba(19, 109, 109, 0.2); } /* Show more / Show less — Figma 3234:11272 / 3234:11313 */ .adroom-chat .chat-user-clamp-toggle { display: inline-flex; align-items: center; gap: 0.25rem; /* 4px */ padding: 0.125rem 0.5rem; /* 2px 8px */ border: none; border-radius: 0.25rem; /* 4px */ background-color: var(--ad-surface); color: var(--ad-text-2); /* Neutral/N300 */ font-family: "GT America Trial", sans-serif; font-size: 0.875rem; /* 14px */ font-weight: 500; line-height: normal; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .adroom-chat .chat-user-clamp-toggle:hover { color: var(--ad-text); background-color: var(--ad-hover); } .adroom-chat .chat-user-clamp-toggle:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ad-accent); } .adroom-chat .chat-user-clamp-toggle--over-fade { background: linear-gradient(to top, var(--ad-surface), var(--ad-surface)); } .adroom-chat .chat-user-card:hover .chat-user-clamp-toggle--over-fade { background: linear-gradient(to top, var(--ad-hover), var(--ad-surface)); } .adroom-chat .chat-message-time { font-size: 10px; font-weight: 400; color: rgba(80, 103, 102, 0.72); margin-top: 4px; white-space: nowrap; } .adroom-chat .chat-message-time--user { align-self: flex-end; margin-right: 4px; } .adroom-chat .chat-message-time--turn-end { display: flex; align-items: center; justify-content: flex-end; gap: 4px; width: 100%; margin-top: 12px; padding-right: 4px; box-sizing: border-box; } .adroom-chat .chat-turn-divider { height: 1px; background: linear-gradient( 90deg, transparent, var(--ad-surface) 20%, var(--ad-surface) 80%, transparent ); margin: 2rem 0; } /* Page chat thread: active turn fills the scroll viewport so new turns can pin to the top */ .adroom-chat .chat-turn-block--active { flex-shrink: 0; } /* Chat scroll: keep compositing cheap — do NOT use contain on the scrollport itself */ .adroom-chat .assistant-page-scroll--thread { overscroll-behavior: contain; touch-action: pan-y; } /* Skip painting off-screen turns/rows while scrolling long threads */ .adroom-chat .chat-layout .chat-turn-block--past { content-visibility: auto; contain-intrinsic-size: auto 600px; } .adroom-chat .assistant-intent-badge { font-size: var(--font-size-h300); font-weight: 500; padding: 0.125rem 0.5rem; border-radius: 0.25rem; flex-shrink: 0; background-color: rgba(19, 109, 109, 0.12); color: var(--color-semantic-status-primary); border: 1px solid rgba(19, 109, 109, 0.3); } /* Thoughts section (collapsible AI reasoning) */ .adroom-chat .assistant-thoughts-section { width: 100%; background-color: var(--color-neutral-100); border: 1px solid var(--color-semantic-border-default); border-radius: 0.5rem; overflow: hidden; } .adroom-chat .assistant-thoughts-header { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; cursor: pointer; background: transparent; border: none; width: 100%; text-align: left; font: inherit; color: inherit; transition: background-color 0.2s; } .adroom-chat .assistant-thoughts-header:hover { background-color: rgba(0, 0, 0, 0.03); } .adroom-chat .assistant-thoughts-header-icon { flex-shrink: 0; color: var(--color-neutral-n300); } .adroom-chat .assistant-thoughts-header-title { flex: 1; font-size: 14px; font-weight: 600; color: var(--color-semantic-text-primary); } .adroom-chat .assistant-thoughts-header-chevron { flex-shrink: 0; width: 1rem; height: 1rem; color: var(--color-neutral-n100); transition: transform 0.2s; } .adroom-chat .assistant-thoughts-section[data-collapsed="true"] .assistant-thoughts-header-chevron { transform: rotate(-90deg); } .adroom-chat .assistant-thoughts-body { padding: 0 0.75rem 0.75rem; } .adroom-chat .assistant-thoughts-section[data-collapsed="true"] .assistant-thoughts-body { display: none; } .adroom-chat .assistant-thoughts-content { font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--color-semantic-text-primary); padding-left: 0.25rem; } .adroom-chat .assistant-thoughts-content ol, .adroom-chat .assistant-thoughts-content ul { margin: 0.5rem 0; padding-left: 1.25rem; } .adroom-chat .assistant-thoughts-content ol { list-style-type: decimal; list-style-position: outside; } .adroom-chat .assistant-thoughts-content ul { list-style-type: disc; list-style-position: outside; } .adroom-chat .assistant-thoughts-content p { margin: 0 0 0.5rem 0; } .adroom-chat .assistant-thoughts-content p:last-child { margin-bottom: 0; } .adroom-chat .assistant-thoughts-content li { margin-bottom: 0.25rem; line-height: 1.5; } .adroom-chat .assistant-thoughts-content li > ul, .adroom-chat .assistant-thoughts-content li > ol { margin-top: 0.5rem; margin-left: 1rem; } /* Assistant activity block: quote-like scrollable thoughts + tools */ .adroom-chat .assistant-activity-block { width: 100%; border-left: none; background: transparent; border-radius: 0; overflow: visible; } .adroom-chat .assistant-activity-block-scroll { padding: 0; } .adroom-chat .assistant-activity-block-placeholder { font-size: 13px; color: var(--color-semantic-text-secondary, var(--ad-text-2)); padding: 0.25rem 0; } .adroom-chat .assistant-activity-block-content { display: flex; flex-direction: column; gap: 0; } /* Pixis OS / Frame 2147225521 assistant activity timeline */ .adroom-chat .assistant-thoughts-block { display: flex; flex-direction: column; align-items: flex-start; } .adroom-chat .assistant-thoughts-toggle { display: flex; align-items: center; gap: 4px; padding: 0; min-width: fit-content; background: transparent; border: none; border-radius: 0; cursor: pointer; } .adroom-chat .assistant-thoughts-toggle-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .adroom-chat .assistant-thoughts-toggle-title { font-size: var(--font-size-h400, 14px); font-weight: 400; line-height: normal; color: var(--color-forest-f60, var(--ad-text)); white-space: nowrap; } .adroom-chat .assistant-thoughts-toggle-chevron { flex-shrink: 0; width: 16px; height: 16px; transition: transform 0.2s ease; } .adroom-chat .assistant-thoughts-toggle-chevron[data-expanded="false"] { transform: rotate(-90deg); } .adroom-chat .assistant-timeline-row { display: flex; gap: 8px; align-items: flex-start; padding: 8px 0; width: 100%; min-width: 0; } .adroom-chat .assistant-timeline-marker { width: 24px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; } .adroom-chat .assistant-timeline-node { width: 16px; height: 16px; border-radius: 8px; border: 1px solid var(--ad-border); background: var(--ad-elevated); display: flex; align-items: center; justify-content: center; } .adroom-chat .assistant-timeline-node--active { border-color: var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-timeline-node--done { border-color: var(--ad-border); } .adroom-chat .assistant-timeline-connector { width: 2px; flex: 1; margin-top: 2px; margin-bottom: 2px; background: var(--ad-surface); border-radius: 1px; } .adroom-chat .assistant-timeline-content { flex: 1; min-width: 0; } /* Typography comes from StellarMarkDown (12px / #0E4E4E) — spacing only here */ .adroom-chat .assistant-thoughts-content-wrap { color: var(--ad-accent-hover); font-size: 12px; line-height: normal; } .adroom-chat .assistant-thoughts-content-wrap p, .adroom-chat .assistant-thoughts-content-wrap li { margin: 0; padding: 0; } .adroom-chat .assistant-thoughts-content-wrap strong { font-weight: 500; color: inherit; } .adroom-chat .assistant-thoughts-content-wrap blockquote { border-left: none; padding: 0; margin: 8px 0 0; color: inherit; font-style: normal; } .adroom-chat .assistant-thoughts-content-wrap p + p { margin-top: 8px; } .adroom-chat .assistant-thoughts-content-wrap ul, .adroom-chat .assistant-thoughts-content-wrap ol { margin: 8px 0 0 0; padding-left: 20px; font-size: 12px; color: var(--ad-accent-hover); } .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section { gap: 6px; } .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section p, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ul, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ol, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section blockquote { margin: 0; } .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section p + p, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section p + ul, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section p + ol, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ul + p, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ol + p, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ul + ul, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ol + ol, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section blockquote + p { margin-top: 6px; } .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ul, .adroom-chat .assistant-thoughts-content-wrap .assistant-message-section ol { gap: 4px; } .adroom-chat .assistant-answers-thoughts-tool-group { display: flex; flex-direction: column; gap: var(--asst-gap-block, 0.75rem); width: 100%; } .adroom-chat .assistant-activity-block .assistant-thoughts-section { margin: 0; } .adroom-chat .assistant-activity-block .assistant-thoughts-body { padding: 0 0.5rem 0.5rem; } /* Figma 331:45795 / 331:45803 — white tool action chips on Answers tab */ .adroom-chat .assistant-figma-tool-chip { display: inline-flex; align-items: center; gap: 10px; padding: 8px; min-width: 80px; background: var(--ad-elevated); border: 1px solid var(--ad-border); border-radius: 8px; font-size: 12px; font-weight: 500; color: var(--ad-text); align-self: flex-start; } .adroom-chat .assistant-figma-tool-chip-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; } .adroom-chat .assistant-figma-tool-chip-label { line-height: normal; white-space: nowrap; } .adroom-chat .assistant-answers-thoughts { display: flex; flex-direction: column; gap: var(--asst-gap-block, 0.75rem); width: 100%; font-family: "GT America Trial", sans-serif; font-size: 12px; font-weight: 400; line-height: normal; color: var(--ad-accent-hover); margin-bottom: 8px; } .adroom-chat .assistant-answers-thoughts-body { display: flex; flex-direction: column; gap: var(--asst-gap-block, 0.75rem); width: 100%; } /* Figma 331:45779 — vertical rail beside primary thinking block */ .adroom-chat .assistant-figma-thoughts-timeline-row { display: flex; gap: var(--asst-gap-tight, 0.5rem); align-items: stretch; width: 100%; min-width: 0; } .adroom-chat .assistant-figma-timeline-rail { width: 24px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; align-self: stretch; } .adroom-chat .assistant-figma-timeline-dot { width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; background: var(--ad-surface); position: relative; z-index: 1; } .adroom-chat .assistant-figma-timeline-dot--pulse { background: var(--ad-elevated); border: 2px solid rgba(19, 109, 109, 0.35); box-sizing: border-box; animation: assistant-figma-dot-pulse 1.4s ease-in-out infinite; } .adroom-chat .assistant-figma-timeline-line { width: 2px; flex: 1 1 auto; min-height: 20px; margin: -10px 0; background: var(--ad-surface); border-radius: 1px; } .adroom-chat .assistant-figma-tool-chip-icon--spin { animation: assistant-figma-tool-spin 1.2s linear infinite; } /* Ran tool badges (legacy / test page) */ .adroom-chat .assistant-ran-tool-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; } .adroom-chat .assistant-ran-tool-badge { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.5rem; border-radius: 0.375rem; background-color: rgba(16, 185, 129, 0.12); color: var(--color-semantic-text-primary); font-size: 13px; font-weight: 500; border: 1px solid rgba(16, 185, 129, 0.25); } .adroom-chat .assistant-ran-tool-check { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; border-radius: 50%; background-color: var(--color-semantic-status-success); color: var(--color-common-white); flex-shrink: 0; } /* ── Composer floating menus (slash, @ link conversations) ── */ .adroom-chat .assistant-composer-floating-menu { display: flex; flex-direction: column; min-width: 220px; overflow-x: hidden; overflow-y: auto; border: 1px solid var(--color-sandstorm-s40, var(--ad-border)); border-radius: 12px; background: var(--ad-elevated); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); color: var(--color-forest-f60, var(--ad-text)); font-family: "GT America Trial", sans-serif; } .adroom-chat .assistant-composer-floating-menu-header { display: flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 10px 12px; border-bottom: 1px solid var(--color-sandstorm-s40, var(--ad-border)); background: var(--color-sandstorm-s0, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-header-label { flex: 1; font-size: var(--font-size-h300, 12px); font-weight: 500; line-height: var(--line-height-h300, 18px); letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-floating-menu-back { display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; border: none; border-radius: 8px; background: transparent; font-size: var(--font-size-h300, 12px); font-weight: 500; line-height: var(--line-height-h300, 18px); color: var(--color-forest-f40, var(--ad-accent)); cursor: pointer; transition: background-color 0.15s ease; } .adroom-chat .assistant-composer-floating-menu-back:hover { background: var(--color-sandstorm-s10, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-item { display: flex; width: 100%; align-items: flex-start; gap: 10px; flex-shrink: 0; padding: 10px 12px; border: none; border-bottom: 1px solid var(--color-sandstorm-s40, var(--ad-border)); background: transparent; text-align: left; cursor: pointer; transition: background-color 0.15s ease; } .adroom-chat .assistant-composer-floating-menu-item:last-child { border-bottom: none; } .adroom-chat .assistant-composer-floating-menu-item:hover { background: var(--color-sandstorm-s10, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-item--active { background: var(--color-sandstorm-s20, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-item-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; } .adroom-chat .assistant-composer-floating-menu-item-body { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; } .adroom-chat .assistant-composer-floating-menu-item-title { font-size: var(--font-size-h400, 14px); font-weight: 500; line-height: var(--line-height-h400, 20px); color: var(--color-forest-f60, var(--ad-text)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-chat .assistant-composer-floating-menu-item-subtitle { font-size: var(--font-size-h200, 12px); font-weight: 400; line-height: var(--line-height-h200, 18px); color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-floating-menu-item-chevron { flex-shrink: 0; width: 16px; height: 16px; margin-top: 2px; color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-floating-menu-search-wrap { flex-shrink: 0; padding: 10px 12px; border-bottom: 1px solid var(--color-sandstorm-s40, var(--ad-border)); background: var(--ad-elevated); } .adroom-chat .assistant-composer-floating-menu-search { width: 100%; height: 36px; padding: 8px 12px; border: 1px solid var(--color-sandstorm-s40, var(--ad-border)); border-radius: 8px; background: var(--color-sandstorm-s5, var(--ad-surface)); font-family: "GT America Trial", sans-serif; font-size: var(--font-size-h400, 14px); font-weight: 400; line-height: var(--line-height-h400, 20px); color: var(--color-forest-f60, var(--ad-text)); outline: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .adroom-chat .assistant-composer-floating-menu-search::placeholder { color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-floating-menu-search:focus { border-color: var(--color-forest-f40, var(--ad-accent)); box-shadow: 0 0 0 2px rgba(19, 109, 109, 0.12); } .adroom-chat .assistant-composer-floating-menu-empty { padding: 12px; font-size: var(--font-size-h300, 12px); font-weight: 400; line-height: var(--line-height-h300, 18px); color: var(--color-forest-f30, var(--ad-text-2)); } .adroom-chat .assistant-composer-floating-menu-list-item { display: flex; width: 100%; align-items: center; gap: 10px; flex-shrink: 0; padding: 10px 12px; border: none; border-bottom: 1px solid var(--color-sandstorm-s40, var(--ad-border)); background: transparent; text-align: left; cursor: pointer; transition: background-color 0.15s ease; } .adroom-chat .assistant-composer-floating-menu-list-item:last-child { border-bottom: none; } .adroom-chat .assistant-composer-floating-menu-list-item:hover { background: var(--color-sandstorm-s10, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-list-item--active { background: var(--color-sandstorm-s20, var(--ad-surface)); } .adroom-chat .assistant-composer-floating-menu-list-item-meta { font-size: var(--font-size-h200, 12px); font-weight: 400; line-height: var(--line-height-h200, 18px); color: var(--color-forest-f30, var(--ad-text-2)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Chat title row (thread name + delete + history) */ .adroom-chat .assistant-title-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.75rem 1rem; } .adroom-chat .assistant-title-group { display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0; } .adroom-chat .assistant-title-text { font-size: var(--font-size-h400); font-weight: 500; color: var(--color-semantic-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Delete next to chat title – subtle, full opacity on group hover */ .adroom-chat .assistant-title-delete { padding: 0.25rem; border-radius: 0.375rem; color: var(--color-neutral-n100); background: transparent; border: none; cursor: pointer; flex-shrink: 0; opacity: 0.7; transition: opacity 0.2s, color 0.2s, background-color 0.2s; } .adroom-chat .assistant-title-group:hover .assistant-title-delete, .adroom-chat .assistant-title-delete:focus { opacity: 1; } .adroom-chat .assistant-title-delete:hover { color: var(--color-semantic-text-primary); background-color: var(--color-neutral-100); } /* History dropdown panel */ .adroom-chat .assistant-history-dropdown { position: absolute; top: 100%; right: 0; margin-top: 0.5rem; width: 18.25rem; max-height: 420px; overflow-y: auto; background-color: var(--ad-elevated); border-radius: 0.75rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border: 1px solid var(--color-semantic-border-default); z-index: 50; } .adroom-chat .assistant-history-header { padding: 0.65rem 0.9rem 0.45rem; background-color: var(--ad-elevated); border-radius: 0.75rem 0.75rem 0 0; } .adroom-chat .assistant-history-title { font-size: 12px; font-weight: 600; color: var(--ad-accent); } .adroom-chat .assistant-history-date-group { display: flex; align-items: center; justify-content: space-between; padding: 0.55rem 0.9rem; border-bottom: 1px solid var(--ad-border); background-color: var(--ad-surface); font-size: 13px; font-weight: 600; color: var(--color-semantic-text-primary); } .adroom-chat .assistant-history-item { display: flex; align-items: center; width: 100%; padding: 0.75rem 0.9rem; font-size: 13px; border-bottom: 0; color: var(--color-semantic-text-primary); transition: background-color 0.2s; } .adroom-chat .assistant-history-item:hover { background-color: var(--ad-surface); } .adroom-chat .assistant-history-item-active { background-color: var(--ad-surface); } .adroom-chat .assistant-history-item-button { display: flex; align-items: center; min-width: 0; flex: 1; text-align: left; background: none; border: none; cursor: pointer; color: inherit; font: inherit; padding: 0; } /* Loading / empty state text in assistant */ .adroom-chat .assistant-muted-text { font-size: var(--font-size-h300); color: var(--color-neutral-n300); flex-shrink: 0; } /* Assistant setup card (3 steps) */ .adroom-chat .assistant-setup-card { width: 100%; max-width: 28rem; padding: 1rem; background-color: var(--color-semantic-background-primary); border: 1px solid var(--color-semantic-border-default); border-radius: 0.75rem; display: flex; flex-direction: column; gap: 1rem; } .adroom-chat .assistant-setup-heading { font-size: 15px; font-weight: 600; color: var(--color-semantic-text-primary); letter-spacing: -0.01em; text-align: center; } .adroom-chat .assistant-setup-step { display: flex; flex-direction: column; gap: 0.375rem; } .adroom-chat .assistant-setup-label { display: flex; align-items: center; gap: 0.5rem; font-size: 14px; font-weight: 500; color: var(--color-semantic-text-primary); letter-spacing: -0.01em; } .adroom-chat .assistant-setup-step-num { width: 1.375rem; height: 1.375rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 0.375rem; font-size: 12px; font-weight: 600; background-color: var(--ad-surface); color: var(--ad-text-2); } .adroom-chat .assistant-setup-step-num-active { background-color: var(--color-semantic-status-primary); color: var(--color-common-white); } /* Dropdown trigger button (Select account / Select integration & profile) */ .adroom-chat .assistant-setup-dropdown-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.625rem 0.75rem; font-size: var(--font-size-h400); color: var(--color-semantic-text-primary); background-color: var(--ad-elevated); border: 1px solid var(--color-semantic-border-default); border-radius: 0.5rem; cursor: pointer; transition: border-color 0.2s; } .adroom-chat .assistant-setup-dropdown-trigger:hover { border-color: var(--color-semantic-status-primary); } .adroom-chat .assistant-setup-dropdown-trigger:disabled { opacity: 0.6; pointer-events: none; cursor: not-allowed; } .adroom-chat .assistant-setup-dropdown-trigger-inner { display: flex; align-items: center; gap: 0.5rem; min-width: 0; flex: 1; text-align: left; } .adroom-chat .assistant-setup-dropdown-trigger-inner .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-chat .assistant-setup-dropdown-chevron { width: 1rem; height: 1rem; flex-shrink: 0; color: var(--color-neutral-n100); } .adroom-chat .assistant-setup-account-initial { width: 1.25rem; height: 1.25rem; flex-shrink: 0; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-h100); font-weight: 600; color: var(--color-common-white); } /* Dropdown panel (list under trigger) */ .adroom-chat .assistant-setup-dropdown-panel { position: absolute; left: 0; right: 0; top: 100%; margin-top: 0.25rem; max-height: 13rem; overflow-y: auto; background-color: var(--ad-elevated); border-radius: 0.5rem; border: 1px solid var(--color-semantic-border-default); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Needs to sit above cards/panels with backdrop/filter stacking contexts */ z-index: 9999; padding: 0.25rem 0; } /* When open: overlay the trigger so the button cannot receive clicks */ .adroom-chat .assistant-setup-dropdown-panel-overlay-trigger { top: 0; margin-top: 0; max-height: min(32rem, 70vh); } /* Footer: dropdown opens upward (above the input area) */ .adroom-chat .assistant-dropdown-open-up .assistant-setup-dropdown-panel { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.25rem; max-height: min(38rem, 75vh); } .adroom-chat .assistant-dropdown-open-up .assistant-setup-dropdown-panel-overlay-trigger { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.25rem; max-height: min(38rem, 75vh); } .adroom-chat .assistant-setup-dropdown-item { width: 100%; display: flex; align-items: center; gap: 0.5rem; text-align: left; padding: 0.625rem 0.75rem; font-size: var(--font-size-h400); color: var(--color-semantic-text-primary); background: none; border: none; cursor: pointer; transition: background-color 0.2s; } .adroom-chat .assistant-setup-dropdown-item:hover { background-color: var(--color-neutral-100); } .adroom-chat .assistant-setup-dropdown-item-active { background-color: rgba(19, 109, 109, 0.1); font-weight: 500; } .adroom-chat .assistant-setup-dropdown-item .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-chat .assistant-setup-dropdown-loading, .adroom-chat .assistant-setup-dropdown-empty { padding: 0.5rem 0.75rem; font-size: var(--font-size-h400); color: var(--color-neutral-n300); } /* Chat composer profile / brand scope dropdown (Figma 2541:9113–2541:9223) */ /* This panel is portaled to and carries the scope class on *itself* (`class="adroom-chat assistant-profile-scope-panel"`), so the plain `.adroom-chat .assistant-profile-scope-panel` descendant form never matched it and the panel root rendered with no padding, radius, border or shadow. Matching both forms keeps it styled wherever it is mounted. */ :is(.adroom-chat .assistant-profile-scope-panel, .adroom-chat.assistant-profile-scope-panel) { display: flex; flex-direction: column; gap: 8px; padding: clamp(10px, 1.5vw, 12px); min-width: 0; max-width: min(424px, calc(100vw - 16px)); box-sizing: border-box; background-color: var(--ad-elevated); border: 1px solid var(--ad-border); border-radius: 12px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden; } .adroom-chat .assistant-profile-scope-body { display: flex; flex: 0 1 auto; flex-direction: column; gap: 8px; min-height: 0; min-width: 0; overflow: visible; } /* Search ad accounts chip (Figma 2541:9115–2541:9119) */ .adroom-chat .assistant-profile-scope-search { display: flex; flex-shrink: 0; align-items: center; gap: 4px; width: 100%; min-height: 40px; height: 40px; padding: 8px 12px; box-sizing: border-box; background-color: var(--ad-elevated); border: 1px solid var(--ad-border); border-radius: 8px; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .adroom-chat .assistant-profile-scope-search:hover { border-color: var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-profile-scope-search:focus-within { border-color: var(--color-forest-f40, var(--ad-accent)); box-shadow: 0 0 0 1px rgba(19, 109, 109, 0.1); } .adroom-chat .assistant-profile-scope-search > svg, .adroom-chat .assistant-profile-scope-search > img { width: 20px; height: 20px; color: var(--color-neutral-n300, var(--ad-text-2)); opacity: 0.7; flex-shrink: 0; } .adroom-chat .assistant-profile-scope-search-input { flex: 1; min-width: 0; border: none; background: transparent; font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 400; line-height: normal; color: var(--color-forest-f60) !important; outline: none; } .adroom-chat .assistant-profile-scope-search-input::placeholder { color: var(--color-neutral-n300, var(--ad-text-2)); font-weight: 400; } .adroom-chat .assistant-profile-scope-hint { margin: 0; padding: 0; font-family: "GT America Trial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.45; color: var(--color-neutral-n300, var(--ad-text-2)); word-break: break-word; } .adroom-chat .assistant-profile-scope-hint-wrap { flex: 1; min-width: 0; } .adroom-chat .assistant-profile-scope-header { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; } .adroom-chat .assistant-profile-scope-header--expanded { flex-direction: column; align-items: stretch; } .adroom-chat .assistant-profile-scope-header--expanded .assistant-profile-scope-hint-wrap { flex: none; width: 100%; } .adroom-chat .assistant-profile-scope-header--expanded .assistant-profile-scope-search { width: 100%; } .adroom-chat .assistant-profile-scope-search-toggle, .adroom-chat .assistant-profile-scope-search-close { display: inline-flex; align-items: start; justify-content: center; width: 32px; padding: 0; background-color: var(--ad-elevated); color: var(--color-neutral-n300, var(--ad-text-2)); cursor: pointer; flex-shrink: 0; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .adroom-chat .assistant-profile-scope-search-close { align-items: center; } .adroom-chat .assistant-profile-scope-search-toggle:hover:not(:disabled), .adroom-chat .assistant-profile-scope-search-close:hover:not(:disabled) { border-color: var(--color-forest-f40, var(--ad-accent)); color: var(--color-forest-f40, var(--ad-accent)); background-color: var(--color-sandstorm-s5, var(--ad-surface)); } .adroom-chat .assistant-profile-scope-search-toggle:disabled, .adroom-chat .assistant-profile-scope-search-close:disabled { opacity: 0.5; cursor: not-allowed; } .adroom-chat .assistant-profile-scope-search-close { border-color: transparent; background: transparent; } .adroom-chat .assistant-profile-scope-search-close:hover:not(:disabled) { background-color: var(--ad-surface); } .adroom-chat .assistant-profile-scope-list { flex: 0 1 auto; max-height: min(360px, 50vh); min-height: 0; min-width: 0; overflow-y: auto; overflow-x: hidden; overflow-anchor: none; overscroll-behavior: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(107, 114, 128, 0.45) transparent; padding: 0; } .adroom-chat .assistant-profile-scope-list::-webkit-scrollbar { width: 8px; } .adroom-chat .assistant-profile-scope-list::-webkit-scrollbar-thumb { background: rgba(107, 114, 128, 0.45); border-radius: 4px; } .adroom-chat .assistant-profile-scope-list .assistant-profile-scope-account-row, .adroom-chat .assistant-profile-scope-list .assistant-profile-scope-profile-row { content-visibility: auto; contain-intrinsic-size: auto 40px; } .adroom-chat .assistant-profile-scope-list > * + * { margin-top: 0; } .adroom-chat .assistant-profile-scope-account-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; height: 40px; padding: 8px; box-sizing: border-box; border: none; border-radius: 8px; background: transparent; cursor: pointer; text-align: left; transition: background-color 0.15s ease; } .adroom-chat .assistant-profile-scope-account-row:hover:not(:disabled) { background-color: var(--ad-surface); } .adroom-chat .assistant-profile-scope-account-row:disabled { cursor: default; } .adroom-chat .assistant-profile-scope-account-label { flex: 1; min-width: 0; font-family: "GT America Trial", sans-serif; font-size: clamp(14px, 1.6vw, 14px); font-weight: 400; line-height: normal; color: var(--color-forest-f40, var(--ad-accent)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-chat .assistant-profile-scope-profile-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; height: 40px; padding: 8px clamp(12px, 2vw, 16px) 8px clamp(16px, 3vw, 24px); box-sizing: border-box; border-radius: 8px; cursor: pointer; transition: background-color 0.15s ease; } .adroom-chat .assistant-profile-scope-profile-row:hover { background-color: var(--ad-surface); } .adroom-chat .assistant-profile-scope-profile-label { flex: 1; min-width: 0; font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 400; line-height: normal; color: var(--color-forest-f60, var(--ad-text)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .adroom-chat .assistant-profile-scope-platform-row { display: flex; align-items: center; gap: 4px; width: 100%; min-height: 40px; height: 40px; padding: 8px clamp(12px, 2vw, 16px) 8px clamp(16px, 3vw, 24px); margin: 0; box-sizing: border-box; border-radius: 8px; } .adroom-chat .assistant-profile-scope-platform-row > svg, .adroom-chat .assistant-profile-scope-platform-row > img { width: 20px; height: 20px; flex-shrink: 0; } .adroom-chat .assistant-profile-scope-platform-label { font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 500; line-height: 20px; color: var(--color-forest-f60, var(--ad-text)); letter-spacing: 0; } .adroom-chat .assistant-profile-scope-footer { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; padding: 8px clamp(8px, 1.5vw, 12px) 0; margin-top: 0; border-top: none; box-sizing: border-box; } .adroom-chat .assistant-profile-scope-footer-count { flex: 1; min-width: 0; font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 400; line-height: normal; color: var(--color-forest-f60, var(--ad-text)); } .adroom-chat .assistant-profile-scope-footer-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .adroom-chat .assistant-profile-scope-btn-clear { display: inline-flex; align-items: center; justify-content: center; min-width: 80px; height: 32px; padding: 0 16px; border: 1px solid transparent; border-radius: 8px; background: transparent; font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 500; line-height: 20px; color: var(--color-forest-f60, var(--ad-text)); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; } .adroom-chat .assistant-profile-scope-btn-clear:hover:not(:disabled) { background-color: var(--ad-surface); color: var(--color-forest-f60, var(--ad-text)); } .adroom-chat .assistant-profile-scope-btn-clear:disabled { opacity: 0.4; cursor: not-allowed; } .adroom-chat .assistant-profile-scope-btn-apply { display: inline-flex; align-items: center; justify-content: center; min-width: 80px; height: 32px; padding: 0 16px; border: none; border-radius: 8px; background-color: var(--color-forest-f40, var(--ad-accent)); font-family: "GT America Trial", sans-serif; font-size: clamp(13px, 1.4vw, 14px); font-weight: 500; line-height: 20px; color: #ffffff; white-space: nowrap; cursor: pointer; transition: background-color 0.2s; } .adroom-chat .assistant-profile-scope-btn-apply:hover:not(:disabled) { background-color: var(--color-forest-f50, var(--ad-accent-hover)); color: #ffffff; } .adroom-chat .assistant-profile-scope-btn-apply:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-forest-f40, var(--ad-accent)); } .adroom-chat .assistant-profile-scope-btn-apply:disabled { opacity: 0.5; cursor: not-allowed; } /* ── Profile scope panel — dark-theme overrides ─────────────────────────── */ /* * The panel is rendered via createPortal to document.body with the * `adroom-chat` class added, so CSS variables are available but we still * need explicit dark-surface values because the base rules use stellar's * light palette (--color-common-white = light in stellar). */ :is(.adroom-chat .assistant-profile-scope-panel, .adroom-chat.assistant-profile-scope-panel) { max-width: calc(100vw - 12px); border-radius: 10px; /* Dark surface */ background-color: var(--ad-elevated, #161d2b) !important; border-color: var(--ad-border, #1e2640) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45) !important; } /* Search box */ .adroom-chat .assistant-profile-scope-search { background-color: var(--ad-surface, #111722) !important; border-color: var(--ad-border, #1e2640) !important; } .adroom-chat .assistant-profile-scope-search:hover, .adroom-chat .assistant-profile-scope-search:focus-within { border-color: var(--ad-accent, #6366f1) !important; box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.2) !important; } .adroom-chat .assistant-profile-scope-search-input { color: var(--ad-text, #e8edf5) !important; } .adroom-chat .assistant-profile-scope-search-input::placeholder { color: var(--ad-text-muted, #5a6882) !important; } .adroom-chat .assistant-profile-scope-search > svg, .adroom-chat .assistant-profile-scope-search > img { color: var(--ad-text-2, #8896ae) !important; opacity: 1 !important; } /* Hint / label text */ .adroom-chat .assistant-profile-scope-hint { color: var(--ad-text-2, #8896ae) !important; } /* Account rows */ .adroom-chat .assistant-profile-scope-account-row { background-color: transparent !important; color: var(--ad-text, #e8edf5) !important; border-color: var(--ad-border, #1e2640) !important; } .adroom-chat .assistant-profile-scope-account-row:hover:not(:disabled) { background-color: var(--ad-hover, #1e2640) !important; } .adroom-chat .assistant-profile-scope-account-label { color: var(--ad-text, #e8edf5) !important; } /* Profile rows */ .adroom-chat .assistant-profile-scope-profile-row { background-color: transparent !important; color: var(--ad-text, #e8edf5) !important; } .adroom-chat .assistant-profile-scope-profile-row:hover { background-color: var(--ad-hover, #1e2640) !important; } .adroom-chat .assistant-profile-scope-profile-label { color: var(--ad-text, #e8edf5) !important; } /* Platform section labels */ .adroom-chat .assistant-profile-scope-platform-label { color: var(--ad-text-2, #8896ae) !important; } /* Footer */ .adroom-chat .assistant-profile-scope-footer { flex-wrap: wrap; row-gap: 8px; border-top-color: var(--ad-border, #1e2640) !important; background-color: var(--ad-elevated, #161d2b) !important; } .adroom-chat .assistant-profile-scope-footer-count { color: var(--ad-text-2, #8896ae) !important; } /* Clear button */ .adroom-chat .assistant-profile-scope-btn-clear { color: var(--ad-text-2, #8896ae) !important; border-color: var(--ad-border-strong, #2a3450) !important; background-color: transparent !important; } .adroom-chat .assistant-profile-scope-btn-clear:hover:not(:disabled) { background-color: var(--ad-hover, #1e2640) !important; color: var(--ad-text, #e8edf5) !important; } /* Apply button */ .adroom-chat .assistant-profile-scope-btn-apply { background-color: var(--ad-accent, #6366f1) !important; color: #ffffff !important; border-color: transparent !important; } .adroom-chat .assistant-profile-scope-btn-apply:hover:not(:disabled) { background-color: var(--ad-accent-hover, #818cf8) !important; } .adroom-chat .assistant-profile-scope-btn-apply:disabled { background-color: var(--ad-border-strong, #2a3450) !important; color: var(--ad-text-muted, #5a6882) !important; } /* Toggle / close buttons in search header */ .adroom-chat .assistant-profile-scope-search-toggle, .adroom-chat .assistant-profile-scope-search-close { color: var(--ad-text-2, #8896ae) !important; } .adroom-chat .assistant-profile-scope-search-toggle:hover:not(:disabled), .adroom-chat .assistant-profile-scope-search-close:hover:not(:disabled) { background-color: var(--ad-hover, #1e2640) !important; color: var(--ad-text, #e8edf5) !important; } /* Scrollable list */ .adroom-chat .assistant-profile-scope-list::-webkit-scrollbar-thumb { background: var(--ad-border-strong, #2a3450) !important; } /* Trigger button — page-variant border in dark mode */ .adroom-chat .assistant-footer-chips .assistant-setup-dropdown-trigger { border-color: var(--ad-border-strong, #2a3450) !important; } .adroom-chat .assistant-footer-chips .assistant-setup-dropdown-trigger:hover { border-color: var(--ad-accent, #6366f1) !important; } /* Read-only scope group — hardcoded stellar hex values → dark equivalents */ :is(.adroom-chat .assistant-profile-scope-panel, .adroom-chat.assistant-profile-scope-panel) [class*="border-[#e8e8e3]"] { border-color: var(--ad-border, #1e2640) !important; } :is(.adroom-chat .assistant-profile-scope-panel, .adroom-chat.assistant-profile-scope-panel) [class*="text-[#556179]"] { color: var(--ad-text-muted, #5a6882) !important; } :is(.adroom-chat .assistant-profile-scope-panel, .adroom-chat.assistant-profile-scope-panel) [class*="text-[#072929]"] { color: var(--ad-text, #e8edf5) !important; } /* Brand name span inside account rows */ .adroom-chat .assistant-profile-scope-account-row > span:nth-child(2) { color: var(--ad-text, #e8edf5) !important; } /* Selected brand row */ .adroom-chat .assistant-profile-scope-account-row--selected { background-color: var(--ad-hover, #1e2640) !important; border-left: 3px solid var(--ad-accent, #6366f1) !important; padding-left: 5px !important; /* compensate for the border */ } .adroom-chat .assistant-profile-scope-account-row--selected .assistant-profile-scope-account-label, .adroom-chat .assistant-profile-scope-account-row--selected > span { color: var(--ad-text, #e8edf5) !important; } /* Selected checkmark badge */ .adroom-chat .assistant-brand-row-check { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background-color: var(--ad-accent, #6366f1); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; } /* Platform icon container */ .adroom-chat .assistant-brand-row-platform { opacity: 0.75; } /* Dropdown empty / loading states */ .adroom-chat .assistant-setup-dropdown-empty, .adroom-chat .assistant-setup-dropdown-loading { color: var(--ad-text-2, #8896ae) !important; } /* Step 3: Analyze / Create Campaign buttons */ .adroom-chat .assistant-setup-intent-btns { display: flex; gap: 0.5rem; } .adroom-chat .assistant-setup-intent-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 0.75rem; font-size: var(--font-size-h400); font-weight: 500; border-radius: 0.5rem; border: 1px solid var(--color-semantic-border-default); background-color: var(--ad-elevated); color: var(--color-semantic-text-primary); cursor: pointer; transition: border-color 0.2s, background-color 0.2s, color 0.2s; } .adroom-chat .assistant-setup-intent-btn:hover:not(:disabled) { border-color: var(--color-semantic-status-primary); } .adroom-chat .assistant-setup-intent-btn:disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; } .adroom-chat .assistant-setup-intent-btn-active { background-color: var(--color-semantic-status-primary); color: var(--color-common-white); border-color: var(--color-semantic-status-primary); } .adroom-chat .assistant-home-suggestions-reveal { contain: layout style; } .adroom-chat .assistant-home-pill-item, .adroom-chat .assistant-home-topic-card { opacity: 0; animation: assistant-home-item-in 400ms cubic-bezier(0.16, 1, 0.3, 1) both; } /* iOS Safari bottom safe-area for the chat HOME hero only (no composer dock). Active threads reserve space via the in-flow composer flex footer. */ .adroom-chat .chat-layout .assistant-page-scroll--home { padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px)); } /* ── Utilities missed by the extraction ──────────────────────────────────── */ /* Applied by AssistantPanel's scroll container; absent it, the thread shows a native scrollbar over the composer. */ .adroom-chat .hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; } .adroom-chat .hide-scrollbar::-webkit-scrollbar { display: none; } /* ── Steps tab: tool call rows, todo panel, subagent panel, progress ── Ported from stellar and remapped onto the --ad-* dark palette. */ .adroom-chat .chat-progress-indicator { font-family: "GT America Trial", sans-serif; } .adroom-chat .chat-progress-thinking-dots { display: inline-flex; align-items: center; gap: 3px; margin-left: 1px; height: 14px; flex-shrink: 0; } .adroom-chat .chat-progress-thinking-dot { width: 4px; height: 4px; border-radius: 9999px; background: var(--color-forest-f60, var(--ad-text)); opacity: 0.25; animation: chat-progress-thinking-dot 1.1s ease-in-out infinite; } .adroom-chat .chat-progress-thinking-dot:nth-child(2) { animation-delay: 0.18s; } .adroom-chat .chat-progress-thinking-dot:nth-child(3) { animation-delay: 0.36s; } @keyframes chat-progress-thinking-dot { 0%, 70%, 100% { opacity: 0.25; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-1px); } } @media (prefers-reduced-motion: reduce) { .adroom-chat .chat-progress-thinking-dot { animation: none; opacity: 1; } } .adroom-chat .chat-progress-step-header { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: none; background: transparent; cursor: pointer; text-align: left; max-width: 100%; } .adroom-chat .chat-progress-step-header-icon { width: 14px; height: 14px; flex-shrink: 0; color: var(--color-forest-f60, var(--ad-text)); } .adroom-chat .chat-progress-step-header-label { font-size: 14px; font-weight: 400; line-height: normal; color: var(--color-forest-f60, var(--ad-text)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .adroom-chat .chat-progress-step-header-chevron { width: 16px; height: 16px; flex-shrink: 0; color: var(--color-forest-f60, var(--ad-text)); transition: transform 0.2s ease; } .adroom-chat .chat-progress-step-header-chevron--collapsed { transform: rotate(-90deg); } .adroom-chat .chat-progress-step-body { width: 100%; min-width: 0; } .adroom-chat .tool-call-row { display: flex; align-items: center; gap: 10px; padding: 9px 12px; min-width: 80px; min-height: 36px; width: fit-content; background: var(--ad-elevated); border: 1px solid var(--ad-border); border-radius: 8px; color: var(--ad-text); font-size: 12px; font-weight: 500; line-height: 1.4; } .adroom-chat .tool-call-row-icon { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--ad-accent); } .adroom-chat .tool-call-row-label { flex: 1; min-width: 0; text-align: center; white-space: nowrap; overflow-x: hidden; overflow-y: visible; line-height: 1.4; text-overflow: ellipsis; } .adroom-chat .todo-header-progress { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--ad-text); min-width: 0; } .adroom-chat .todo-header-progress-count { font-family: ui-monospace, SFMono-Regular, monospace; font-variant-numeric: tabular-nums; color: var(--ad-accent); font-weight: 600; white-space: nowrap; } .adroom-chat .todo-header-progress-label { color: var(--ad-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .adroom-chat .todo-panel-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 2px 0; cursor: pointer; background: none; border: none; } .adroom-chat .todo-panel-title { font-size: 12px; font-weight: 600; color: var(--ad-text); display: flex; align-items: center; gap: 6px; } .adroom-chat .todo-panel-count { font-size: 10px; font-weight: 500; color: var(--ad-text-2); background: rgba(99, 102, 241, 0.08); padding: 1px 6px; border-radius: 8px; } .adroom-chat .todo-panel-list { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; } .adroom-chat .todo-row { display: flex; align-items: flex-start; gap: 6px; padding: 3px 0; font-size: 11px; line-height: 1.4; color: var(--ad-text); transition: all 0.3s ease; } .adroom-chat .todo-row-text { flex: 1; min-width: 0; } .adroom-chat .todo-row-done { color: var(--ad-text-2); text-decoration: line-through; opacity: 0.7; } .adroom-chat .todo-row-active { color: var(--ad-text); font-weight: 500; } @keyframes todo-slide-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } @keyframes todo-flash { 0% { background: transparent; } 20% { background: rgba(99, 102, 241, 0.1); } 100% { background: transparent; } } .adroom-chat .todo-row-enter { animation: todo-slide-in 0.35s ease-out both; } .adroom-chat .todo-row-flash { animation: todo-flash 0.6s ease-out; } .adroom-chat .subagent-panel { padding: 0; overflow: hidden; } .adroom-chat .subagent-panel-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 16px; cursor: pointer; background: none; border: none; transition: background 0.15s; } .adroom-chat .subagent-panel-header:hover { background: rgba(99, 102, 241, 0.03); } .adroom-chat .subagent-type-badge { font-size: 11px; font-family: ui-monospace, SFMono-Regular, monospace; padding: 3px 10px; background: rgba(99, 102, 241, 0.08); color: var(--ad-accent); border-radius: 5px; white-space: nowrap; font-weight: 500; } .adroom-chat .subagent-description { font-size: 14px; color: var(--ad-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .adroom-chat .subagent-duration { font-size: 11px; color: var(--ad-text-2); } .adroom-chat .subagent-elapsed { font-size: 11px; font-family: ui-monospace, SFMono-Regular, monospace; color: var(--ad-accent); font-variant-numeric: tabular-nums; white-space: nowrap; } @keyframes subagent-pulse { 0%, 100% { border-color: rgba(99, 102, 241, 0.12); } 50% { border-color: rgba(99, 102, 241, 0.35); } } .adroom-chat .subagent-panel.is-running { animation: subagent-pulse 2.5s ease-in-out infinite; } .adroom-chat .subagent-steps { padding: 12px 16px 16px; border-top: 1px solid var(--ad-border); display: flex; flex-direction: column; gap: 4px; } .adroom-chat .subagent-message { font-size: 11px; line-height: 1.5; color: var(--ad-text-2); padding: 4px 0; } .adroom-chat .subagent-message-final { padding-left: 6px; color: var(--ad-text); } /* ── Restored @media wrappers (the original extraction flattened these, so mobile-only and reduced-motion rules were applying unconditionally) ── */ @media (min-width: 1536px) { .adroom-chat .assistant-survey-suggested-steps__row-label { font-size: 1rem !important; } .adroom-chat .chat-message-content, .adroom-chat .assistant-message-content { --asst-gap-page: 2rem; --asst-gap-section: 1.5rem; --asst-gap-block: 1.5rem; --asst-gap-tight: 1rem; --asst-gap-micro: 0.5rem; } .adroom-chat .assistant-message-content { --asst-body-size: 1.125rem; --asst-body-lh: 1.556; --asst-heading-size: 1.25rem; --asst-heading-lh: 1.3; --asst-h1-size: 1.5rem; --asst-h4-size: 1rem; --asst-h5-size: 0.875rem; --asst-h6-size: 0.75rem; --asst-table-size: 0.875rem; --asst-caption-size: 0.75rem; --asst-list-indent: 1.6875rem; } } @media (min-width: 768px) { .adroom-chat .chat-message-content, .adroom-chat .assistant-message-content { --asst-gap-page: 1.25rem; --asst-gap-section: 1.125rem; --asst-gap-block: 0.5625rem; } .adroom-chat .assistant-message-content { --asst-body-size: 0.9375rem; --asst-heading-size: 1.0625rem; --asst-h1-size: 1.1875rem; --asst-h4-size: 0.9375rem; --asst-table-size: 0.8125rem; --asst-list-indent: 1.5625rem; } } @media (min-width: 1024px) { .adroom-chat .chat-message-content, .adroom-chat .assistant-message-content { --asst-gap-page: 1.5rem; --asst-gap-section: 1.25rem; --asst-gap-block: 0.625rem; --asst-gap-tight: 0.4375rem; } .adroom-chat .assistant-message-content { --asst-body-size: 1rem; --asst-heading-size: 1.125rem; --asst-h1-size: 1.25rem; --asst-h4-size: 1rem; --asst-h5-size: 0.875rem; --asst-table-size: 0.8125rem; --asst-list-indent: 1.625rem; } .adroom-chat .assistant-stream-status-dock { padding-left: 2rem; padding-right: 2rem; } .adroom-chat .assistant-ai-message-header__title { font-size: 0.875rem; } .adroom-chat .assistant-ai-message-header__tab { font-size: 0.875rem; } .adroom-chat .chat-layout .chat-turn-block--past:has(+ .chat-turn-block--active) { content-visibility: visible; contain-intrinsic-size: auto; } .adroom-chat .chat-layout .assistant-messages-list > .chat-message-row:not(:last-child) { content-visibility: auto; contain-intrinsic-size: auto 240px; } .adroom-chat .chat-layout .chat-turn-block--active, .adroom-chat .chat-layout .chat-turn-block--active * { content-visibility: visible; } } @media (min-width: 1280px) { .adroom-chat .chat-message-content, .adroom-chat .assistant-message-content { --asst-gap-page: 1.75rem; --asst-gap-section: 1.5rem; --asst-gap-block: 0.75rem; --asst-gap-tight: 0.5rem; } .adroom-chat .assistant-message-content { --asst-body-size: 1.0625rem; --asst-heading-size: 1.1875rem; --asst-h1-size: 1.375rem; --asst-h4-size: 1rem; --asst-table-size: 0.875rem; --asst-list-indent: 1.6875rem; } } @media (prefers-reduced-motion: reduce) { .adroom-chat .assistant-stream-status-ring, .adroom-chat .assistant-stream-status-icon, .adroom-chat .assistant-stream-status-ellipsis { animation: none; } .adroom-chat .assistant-stream-status-icon { opacity: 1; } .adroom-chat .assistant-ai-message-tab-pane { animation: assistant-ai-tab-pane-in 180ms ease-out both; } .adroom-chat .assistant-home-pill-item, .adroom-chat .assistant-home-topic-card { animation: none !important; opacity: 1 !important; transform: none !important; } } @media (max-width: 767px) { .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="3"] { min-width: 520px; } .adroom-chat .assistant-table.assistant-table--fixed-cols[data-assistant-cols="4"] { min-width: 640px; } .adroom-chat .assistant-message-content .assistant-table-th, .adroom-chat .assistant-table-th, .adroom-chat .assistant-message-content .assistant-table-td, .adroom-chat .assistant-table-td { padding: 10px 12px; } } @media (max-width: 639px) { .adroom-chat .assistant-profile-scope-footer-actions { width: 100%; justify-content: flex-end; } } /* ── Restored @media wrappers (the original extraction flattened these, so mobile-only and reduced-motion rules were applying unconditionally) ── */ @media (min-width: 1024px) { .adroom-chat .chat-user-card { font-size: 1.0625rem; /* 17px */ line-height: 1.88; /* ~32px */ } } @media (min-width: 1280px) { .adroom-chat .chat-user-card { font-size: 1.125rem; /* 18px — Figma */ line-height: 1.7778; /* 32px */ } } @media (min-width: 1536px) { .adroom-chat .chat-user-card { font-size: 1.125rem; /* 18px — exact Figma at 2xl */ line-height: 1.7778; /* 32px */ } } /* ── Late-block classes the original extraction never reached ────────────── These live in stellar's trailing `@layer utilities` / `@layer components` sections, past the range the first port copied, so they arrived unstyled. Colors remapped onto the --ad-* dark palette. */ .adroom-chat .pixis-action-menu-panel { z-index: 99999; border-radius: 12px; border: 1px solid var(--ad-border); background: var(--ad-elevated); padding: 12px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45); outline: none; } .adroom-chat .activity-card { border: 1px solid var(--ad-border); border-radius: 12px; background: var(--ad-surface); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); padding: 8px 12px; } .adroom-chat .scroll-to-bottom-btn { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; align-items: center; gap: 4px; padding: 6px 14px; font-size: 12px; font-weight: 500; color: var(--ad-text); background: var(--ad-elevated); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--ad-border); border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); cursor: pointer; transition: all 0.2s ease; } .adroom-chat .scroll-to-bottom-btn:hover { background: var(--ad-hover); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } /* Thin scrollbar that only becomes visible on hover / while scrolling. */ .adroom-chat .interactive-scrollbar { scrollbar-width: thin; scrollbar-color: transparent transparent; transition: scrollbar-color 0.3s ease; } .adroom-chat .interactive-scrollbar::-webkit-scrollbar { width: 8px; } .adroom-chat .interactive-scrollbar::-webkit-scrollbar-track { background: transparent; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .adroom-chat .interactive-scrollbar::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .adroom-chat .interactive-scrollbar:hover { scrollbar-color: var(--ad-border-strong) transparent; } .adroom-chat .interactive-scrollbar:hover::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } .adroom-chat .interactive-scrollbar:hover::-webkit-scrollbar-thumb { background: var(--ad-border-strong); } .adroom-chat .interactive-scrollbar:hover::-webkit-scrollbar-thumb:hover { background: var(--ad-text-muted); } .adroom-chat .interactive-scrollbar.scrolling { scrollbar-color: var(--ad-border-strong) transparent; } .adroom-chat .interactive-scrollbar.scrolling::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } .adroom-chat .interactive-scrollbar.scrolling::-webkit-scrollbar-thumb { background: var(--ad-border-strong); } .adroom-chat .animate-spin-reverse { animation: spin-reverse 1s linear infinite; } @keyframes spin-reverse { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } ._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; -webkit-user-select: none; 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; }