@import "styles/variables.php"; @import "styles/header.css"; @import "styles/footer.css"; @import "styles/index.css"; @import "styles/video.css"; * { border:0; padding:0; margin:0; box-sizing: border-box; } body, html { scroll-behavior: smooth; max-width: 100vw; margin:0; padding:0; background:white; font-family:var(--fontFamily); position:relative; scroll-behavior: smooth; overflow-x:hidden !important; } body { overflow-x:hidden; } .body--open { overflow-y:hidden !important; } /* Optimized Premium Heatmap CSS */ /* CSS Variables for consistency and maintainability */ :root { --primary-color: #ff1493; --secondary-color: #ff69b4; --accent-color: #E64864; --dark-bg: linear-gradient(135deg, #1a1a1a, #2a1a2a); --light-bg: linear-gradient(135deg, #FEFEFE 0%, #F8F8F8 100%); --premium-gradient: linear-gradient(135deg, #E64C67 0%, #d43a54 100%); --spacing-base: 8px; --spacing-lg: 16px; --spacing-xl: 24px; --border-radius: 12px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --shadow-base: 0 4px 15px rgba(0, 0, 0, 0.1); --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15); } /* Merged Heatmap Container */ .heatmap-container { max-width: 100%; margin: 20px 10px; padding: 20px; background: var(--light-bg); border-radius: var(--border-radius); border-left: 6px solid var(--accent-color); box-shadow: 0 4px 16px rgba(44, 62, 80, 0.08), 0 2px 8px rgba(44, 62, 80, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8); position: relative; overflow: hidden; } .heatmap-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--accent-color) 0%, var(--primary-color) 100%); } /* Merged Heatmap Grid */ .heatmap-grid { display: grid; grid-template-columns: 80px repeat(24, 1fr); gap: 3px; font-size: 12px; overflow-x: auto; margin-top: 8px; position: relative; z-index: 2; padding: 10px 0; transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; } /* Merged Heatmap Headers and Labels */ .heatmap-header { text-align: center; font-weight: 700; padding: 8px 5px; background: linear-gradient(135deg, #D5DBDB 0%, #BDC3C7 100%); color: var(--primary-color); border-radius: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; border: 1px solid rgba(189, 195, 199, 0.3); box-shadow: var(--shadow-base); transition: var(--transition); } .heatmap-header:hover { transform: translateY(-1px); box-shadow: var(--shadow-hover); } .heatmap-label { text-align: right; padding: 8px 5px; font-weight: 700; color: var(--accent-color); font-size: 11px; display: flex; align-items: center; justify-content: flex-end; text-transform: uppercase; letter-spacing: 0.3px; border-radius: 6px; background: linear-gradient(135deg, rgba(230, 72, 100, 0.05) 0%, rgba(230, 72, 100, 0.1) 100%); transition: var(--transition); } .heatmap-label:hover { background: linear-gradient(135deg, rgba(230, 72, 100, 0.1) 0%, rgba(230, 72, 100, 0.2) 100%); transform: translateX(-2px); } /* Merged Heatmap Cells */ .heatmap-cell { height: 24px; background: linear-gradient(135deg, #E8EAED 0%, #D5DBDB 100%); border-radius: 6px; border: 1px solid rgba(189, 195, 199, 0.2); transition: var(--transition); position: relative; overflow: hidden; cursor: pointer; contain: layout style paint; } .heatmap-cell::before { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .heatmap-cell:hover::before { opacity: 1; } .heatmap-cell:hover { transform: scale(1.1) translateY(-2px); box-shadow: var(--shadow-hover); } .heatmap-cell.active { background: linear-gradient(135deg, #E67E22 0%, #D35400 100%); border-color: #D35400; box-shadow: 0 2px 6px rgba(211, 84, 0, 0.3); } .heatmap-cell.active-medium { background: linear-gradient(135deg, #F39C12 0%, #E67E22 100%); border-color: #E67E22; box-shadow: 0 2px 6px rgba(230, 126, 34, 0.25); } .heatmap-cell.active-light { background: linear-gradient(135deg, #F1C40F 0%, #F39C12 100%); border-color: #F39C12; box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2); } .heatmap-cell.inactive { background: linear-gradient(135deg, #E8EAED 0%, #D5DBDB 100%); border-color: #BDC3C7; } .heatmap-cell.active, .heatmap-cell.active-medium, .heatmap-cell.active-light { transform: scale(1.05); } .heatmap-cell.active:hover, .heatmap-cell.active-medium:hover, .heatmap-cell.active-light:hover { transform: scale(1.1); } /* Enhanced Heatmap Styles */ .heatmap { display: flex; flex-wrap: wrap; gap: calc(var(--spacing-base) * 0.9); min-width: 300px; box-sizing: border-box; background: var(--dark-bg); padding: calc(var(--spacing-xl) * 0.9); border-radius: calc(var(--border-radius) * 0.9); box-shadow: 0 4px 20px rgba(255, 20, 147, 0.2); border: 1px solid var(--primary-color); position: relative; overflow: hidden; margin-top: calc(var(--spacing-xl) * 0.9); } .heatmap-day-label { width: 100%; margin-bottom: calc(var(--spacing-base) * 1.35); font-weight: 600; font-size: 16px; color: var(--secondary-color); text-shadow: 0 0 7px rgba(255, 105, 180, 0.5); font-family: "Poppins", sans-serif; letter-spacing: 0.5px; background: rgba(255, 20, 147, 0.05); padding: 4px 8px; border-radius: 4px; } .heatmap-block { flex: 1 1 calc(4.166% - 7px); transition: transform 0.3s ease; min-width: 36px; height: 36px; border-radius: 5px; text-align: center; line-height: 36px; font-size: 11px; font-family: "Poppins", sans-serif; color: #ffffff; position: relative; overflow: hidden; border: 1px solid rgba(255, 20, 147, 0.3); contain: layout style paint; } .heatmap-block.offline { background: linear-gradient(45deg, #2a1a2a, #3a2a3a); } .heatmap-block.online.intensity-0 { background: linear-gradient(45deg, #ff69b4, #ff8cc3); } .heatmap-block.online.intensity-1 { background: linear-gradient(45deg, #ff1493, #ff69b4); } .heatmap-block.online.intensity-2 { background: linear-gradient(45deg, #c71585, #ff1493); } .heatmap-block.online.intensity-3 { background: linear-gradient(45deg, #9400d3, #c71585); } .heatmap-block.online.intensity-4 { background: linear-gradient(45deg, #4b0082, #9400d3); } .heatmap-block:hover { transform: scale(1.05); } /* Heatmap Total */ .heatmap-total { width: 100%; margin-top: 12px; font-size: 14px; color: var(--secondary-color); font-family: 'Poppins', sans-serif; text-shadow: 0 0 5px rgba(255, 105, 180, 0.5); font-style: italic; background: rgba(0, 0, 0, 0.6); padding: 8px; border-radius: 4px; border: 1px solid rgba(255, 20, 147, 0.3); text-align: center; } .heatmap-total span.heart { color: var(--primary-color); font-size: 16px; margin: 0 5px; display: inline-block; } /* Online Status */ .online-now { color: #45A049; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: linear-gradient(135deg, rgba(69, 160, 73, 0.1) 0%, rgba(69, 160, 73, 0.2) 100%); padding: 4px 8px; border-radius: var(--border-radius); display: inline-block; } /* Enhanced Tabs */ .tabs-container { margin: 20px 0; font-family: 'Arial', sans-serif; border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow-hover); border: 1px solid rgba(255, 255, 255, 0.2); } .tabs-header { display: flex; background: linear-gradient(135deg, #FD3D7E 0%, #E63946 100%); position: relative; overflow: hidden; } .tab-button { padding: 15px 25px; background: transparent; border: none; cursor: pointer; font-size: 1rem; color: rgba(255, 255, 255, 0.8); transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; flex: 1; } .tab-button::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: rgba(255, 255, 255, 0.8); transition: all 0.3s ease; transform: translateX(-50%); border-radius: 2px 2px 0 0; } .tab-button:hover { background: rgba(255, 255, 255, 0.1); color: white; transform: translateY(-2px); } .tab-button:hover::before { width: 80%; } .tab-button.active { background: rgba(71, 21, 46, 0.8); color: white; box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.3); } .tab-button.active::before { width: 100%; background: white; } .tab-panel { display: none; padding: 30px; background: var(--light-bg); position: relative; min-height: 200px; } .tab-panel.active { display: block; } /* FAQ Accordion */ .faq-accordion .faq-answer { display: none; padding: 20px; background: var(--light-bg); border-top: 1px solid #ddd; border-radius: 0 0 var(--border-radius) var(--border-radius); box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05); } .faq-accordion .faq-question { cursor: pointer; padding: 18px 20px; background: linear-gradient(135deg, #f8f8f8 0%, #e9ecef 100%); border: 1px solid #ddd; display: block; font-weight: bold; border-radius: var(--border-radius); margin-bottom: 2px; transition: var(--transition); position: relative; overflow: hidden; } .faq-accordion .faq-question:hover { background: linear-gradient(135deg, #e0e0e0 0%, #d4d4d4 100%); transform: translateY(-1px); box-shadow: var(--shadow-base); } .faq-accordion .faq-item.active .faq-answer { display: block; } /* Heatmap URL */ .heatmap-url { margin-top: 15px; text-align: center; font-size: 14px; color: #E64C67; font-family: 'Arial', sans-serif; background: linear-gradient(135deg, rgba(230, 76, 103, 0.05) 0%, rgba(230, 76, 103, 0.1) 100%); padding: 12px; border-radius: var(--border-radius); border: 1px solid rgba(230, 76, 103, 0.2); } .heatmap-url span { font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } /* Premium Save Buttons */ .heatmap-download-buttons { margin-top: 20px; text-align: center; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .btn.heatmap-save-btn { background: var(--premium-gradient); color: white; padding: 12px 24px; border: none; border-radius: 50px; margin: 5px; cursor: pointer; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: var(--transition); box-shadow: 0 6px 20px rgba(230, 76, 103, 0.3); position: relative; overflow: hidden; } .btn.heatmap-save-btn:hover { background: linear-gradient(135deg, #d43a54 0%, #b8344a 100%); transform: translateY(-3px) scale(1.05); box-shadow: 0 12px 30px rgba(230, 76, 103, 0.4); } .btn.heatmap-save-btn:active { transform: translateY(-1px) scale(0.98); } /* Banner Styling */ .banners-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; justify-content: center; padding: 20px 0; } .banner { border-radius: var(--border-radius); overflow: hidden; transition: var(--transition); position: relative; background: var(--light-bg); box-shadow: var(--shadow-base); border: 1px solid rgba(255, 255, 255, 0.2); } .banner:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } .banner.full-width { grid-column: 1 / -1; } .banner iframe { max-width: 100%; border: none; border-radius: var(--border-radius); transition: all 0.3s ease; } .banner-image { max-width: 100%; height: auto; border-radius: var(--border-radius); transition: var(--transition); } .banner:hover .banner-image { transform: scale(1.05); } .banner-error { color: #d32f2f; font-size: 0.9em; text-align: center; padding: 20px; background: linear-gradient(135deg, rgba(211, 47, 47, 0.05) 0%, rgba(211, 47, 47, 0.1) 100%); border-radius: var(--border-radius); border: 1px solid rgba(211, 47, 47, 0.2); } /* Custom API Section */ .custom-api { font-size: 1rem; line-height: 1.6; color: #333; background: var(--light-bg); border-radius: var(--border-radius); padding: 25px; box-shadow: var(--shadow-base); border: 1px solid rgba(230, 72, 100, 0.2); position: relative; overflow: hidden; } .custom-api h2 { color: var(--accent-color); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } /* About Image */ .main__aboutImg { width: 100%; max-width: 300px; max-height: 240px; margin: 10px; border-radius: 20px; box-shadow: 0 8px 32px rgba(255, 69, 0, 0.3); object-fit: cover; transition: var(--transition); position: relative; overflow: hidden; } .main__aboutImg:hover { box-shadow: 0 15px 60px rgba(255, 69, 0, 0.4); transform: translateY(-5px) scale(1.02); } /* Performance & Accessibility */ .heatmap-cell, .tab-button, .banner, .btn.heatmap-save-btn { will-change: transform; backface-visibility: hidden; } .tab-panel.loading { position: relative; min-height: 100px; } .tab-panel.loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border: 3px solid rgba(230, 72, 100, 0.2); border-top: 3px solid var(--accent-color); border-radius: 50%; transform: translate(-50%, -50%); } .heatmap-cell:focus, .tab-button:focus, .btn.heatmap-save-btn:focus { outline: 2px solid var(--accent-color); outline-offset: 2px; } /* Responsive Design and Mobile Optimizations */ @media (max-width: 768px) { .heatmap-container { padding: 15px; margin: 5px 1px; background: #FEFEFE; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); backdrop-filter: none; } .heatmap-grid { gap: 2px; font-size: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .heatmap-cell { height: 20px; transition: none; } .heatmap-header, .heatmap-label { padding: 5px; font-size: 9px; transition: none; } .tab-button { padding: 12px 15px; font-size: 0.9rem; transition: none; } .tabs-container { backdrop-filter: none; } .tab-panel { padding: 20px 15px; } .btn.heatmap-save-btn { padding: 10px 20px; font-size: 14px; margin: 3px; transition: none; } .main__aboutImg { max-width: 250px; border-radius: 15px; } .banners-container { grid-template-columns: 1fr; gap: 15px; padding: 15px 0; } .heatmap-block { min-width: 32px; height: 32px; line-height: 32px; font-size: 9px; transition: none; } .heatmap { background: linear-gradient(135deg, #1a1a1a, #2a1a2a); box-shadow: none; } .heatmap-container::before, .tabs-header::before, .faq-accordion .faq-question::before, .banner::before, .main__aboutImg::before, .heatmap-cell::before { display: none; } .heatmap-block:hover, .heatmap-cell:hover, .banner:hover, .main__aboutImg:hover { transform: none; box-shadow: none; } } @media (max-width: 480px) { .heatmap-container { padding: 10px; } .heatmap-grid { grid-template-columns: 60px repeat(24, 1fr); gap: 1px; font-size: 8px; } .heatmap-cell { height: 16px; border-radius: 3px; } .heatmap-header, .heatmap-label { padding: 3px; font-size: 8px; } .tabs-header { flex-wrap: wrap; } .tab-button { flex: 1 1 50%; padding: 10px; font-size: 0.8rem; } .tab-panel { padding: 15px 10px; } .btn.heatmap-save-btn { padding: 8px 16px; font-size: 12px; border-radius: 25px; } .heatmap-download-buttons { flex-direction: column; align-items: center; } .main__aboutImg { max-width: 200px; } .custom-api { padding: 15px; } .heatmap-block { min-width: 28px; height: 28px; line-height: 28px; font-size: 8px; } .heatmap-block.online.intensity-0 { background: #ff69b4; } .heatmap-block.online.intensity-1 { background: #ff1493; } .heatmap-block.online.intensity-2 { background: #c71585; } .heatmap-block.online.intensity-3 { background: #9400d3; } .heatmap-block.online.intensity-4 { background: #4b0082; } .heatmap-container, .heatmap { background: #FEFEFE; } .heatmap-container *, .heatmap *, .tabs-container *, .faq-accordion *, .banner *, .main__aboutImg { animation: none !important; transition: none !important; transform: none !important; } } /* Optimize touch scrolling */ .heatmap-container, .tab-panel { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }/*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; border: 1px solid #FFFFFF; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 1000; } .ui-autocomplete li { padding: 8px 12px; font-family: Arial, sans-serif; font-size: 14px; color: #333333; cursor: pointer; } .ui-autocomplete li:hover, .ui-state-active { background-color: #cccccc; color: #FFFFFF; } .ui-autocomplete li div { border-bottom: 1px solid #EEEEEE; } .ui-autocomplete li:last-child div { border-bottom: none; } .ui-menu-item-wrapper.ui-state-active { border-style: none; }/* Optimized CSS with Mobile Light Gray Background for About Section */ :root{--spacing-sm:5px;--spacing-md:10px;--spacing-lg:15px;--spacing-xl:10px;--spacing-xs:4px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:15px;--color-primary:#e91e63;--color-primary-dark:#c2185b;--color-secondary:#ff4081;--color-text-dark:#47152e;--color-text-light:#fafafa;--color-accent:#e63946;--color-success:#2e7d32;--color-warning:#e65100;--shadow-sm:0 2px 10px rgba(0,0,0,.1);--shadow-md:0 4px 15px rgba(0,0,0,.3);--shadow-lg:0 6px 20px rgba(0,0,0,.4);--transition:all .3s cubic-bezier(.4,0,.2,1)} *{box-sizing:border-box} .box-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--spacing-md)} .box{flex:1 1 21%;margin:var(--spacing-md) var(--spacing-md) var(--spacing-lg) var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,20,147,.3);border-radius:var(--radius-sm);transition:var(--transition)}.box:hover{background:rgba(255,20,147,.1);box-shadow:0 0 15px rgba(255,20,147,.5);transform:translateY(-2px)} .box a{color:var(--color-secondary);text-decoration:none;font-size:clamp(10px,2.5vw,14px);font-family:'Poppins',sans-serif;padding:var(--spacing-sm) 0 var(--spacing-xs) 0;transition:var(--transition)}.box a:hover{color:var(--color-primary);text-shadow:0 0 5px rgba(255,20,147,.7);padding-left:var(--spacing-sm)} .share-btn{background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));color:#fff;border:0;padding:14px 28px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(45deg,var(--color-primary-dark),var(--color-primary))}.share-btn:active{transform:translateY(0)} .share-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))} .toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;z-index:9999;opacity:0;transition:opacity .3s ease}.toast.show{opacity:1} /* Aside Styles */ .aside{max-height:calc(100vh-106px)} .aside .filters__filterBtn,.aside .filters__dropDownBtn{display:flex!important;justify-content:flex-start!important;text-align:left!important;width:100%;box-sizing:border-box} .aside-icon-gender{background:url("/templates/stcam/images/aside-icon-gender.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-age{background:url("/templates/stcam/images/aside-icon-age.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-hair{background:url("/templates/stcam/images/aside-icon-hair.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-fetish{background:url("/templates/stcam/images/aside-icon-fetish.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:8px;filter:brightness(0)invert(1)} .aside-icon-ethnicity{background:url("/templates/stcam/images/aside-icon-ethnicity.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-platform{background:url("/templates/stcam/images/aside-icon-platform.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-extra{background:url("/templates/stcam/images/aside-icon-extra.png")no-repeat;background-size:100% 100%;width:20px;height:20px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-tune{background:url("/templates/stcam/images/aside-icon-tune.png")no-repeat;background-size:100% 100%;width:24px;height:24px;display:inline-block;margin-left:15px!important;filter:brightness(0)invert(1)} .aside-icon-tune:hover{background:url("/templates/stcam/images/aside-icon-tune-hover.png")no-repeat;background-size:100% 100%;filter:brightness(0)invert(1)} p{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);color:#191919;font-size:16px;font-family:'Poppins',sans-serif;line-height:1.6;text-align:justify;background:rgba(0,0,0,0);border-radius:var(--radius-md);box-shadow:0 2px 10px rgba(255,20,147,.1)}.p:last-of-type{margin-bottom:0} p a{color:var(--color-secondary);text-decoration:none;font-weight:600;transition:var(--transition)}.p a:hover{color:var(--color-primary);text-shadow:0 0 5px rgba(255,20,147,.7)} .roulette{font-style:italic;color:var(--color-secondary);font-weight:700}.roulette:hover{color:var(--color-primary);text-decoration:underline} .row.gallery .col{height:100%} .breadcrumbs{margin-right:auto;order:1}.breadcrumbs + .main__filterBtn{margin-right:var(--spacing-md)}.main__filterBtn.main__filterBtn--open{display:none;margin-right:0}.sort-form{margin-left:auto;order:2} .main__video{position:relative;width:100%;margin-bottom:var(--spacing-xl);height:auto;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);transition:var(--transition)}.main__video:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.main__video .inner-stage > *{height:100% !important;max-height:100% !important}.inner-stage.m-2{background:#000}.main__video.site-5 .inner-stage{padding-top:51.25%}.main__video.site-2 .inner-stage{padding-top:47.25%} #hybrid-client,#pure-client{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center} h1.main__h1{text-transform:uppercase;text-align:left;padding:2px 4px;color:var(--color-text-dark)}h2.main__h1{text-transform:uppercase;padding-top:var(--spacing-xl);font-size:24px;text-align:center;color:var(--color-accent)}h3{text-transform:uppercase;margin-top:10px;text-align:center;color:var(--color-accent)} .main__text{border:none;text-align:left;margin-top:0;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);box-shadow:0 8px 30px rgba(0,0,0,.1);position:relative;overflow:hidden}.main__text::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left 2s ease}.main__text:hover::before{left:100%}.main__text:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)} p strong a{color:var(--color-primary-dark);font-size:14px}p.description{font-size:14px;color:var(--color-success);font-weight:700}center.description{max-width:100%;padding:0 20px;color:var(--color-secondary);font-size:.875rem;text-align:center} .form-input > .form-control,.form-input > .form-select{background-color:#fff !important} div.col-lg-12.p-0.d-flex.justify-content-center.mb-3.loadMoreContainer{margin-bottom:var(--spacing-md)}div.form-item.-actions{padding-bottom:var(--spacing-md)} button.main__addFavourite{margin-left:var(--spacing-md);background:var(--color-primary);border:0;padding:var(--spacing-md) var(--spacing-xl);color:#fff;border-radius:5px;cursor:pointer;transition:var(--transition);font-family:'Poppins',sans-serif;font-size:clamp(14px,2vw,16px);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.main__addFavourite::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.main__addFavourite:hover::before{width:300px;height:300px}.main__addFavourite:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.main__addFavourite i{transition:transform .3s ease}.main__addFavourite:hover i{transform:rotate(180deg) scale(1.2)} .next-model-link{display:inline-block;padding:10px 12px;background:var(--color-success);color:#fff;text-decoration:none;border-radius:5px;text-transform:uppercase;font-family:'Poppins',sans-serif;font-size:clamp(14px,2vw,16px);transition:var(--transition);margin-bottom:10px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.next-model-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.next-model-link:hover::before{left:100%}.next-model-link:hover{background:#45a049;transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)} .main__nextModel{margin:10px 0 0 30px;text-align:center}.main__buttonGroup{display:flex;justify-content:flex-end;align-items:center;margin:10px 0 0 var(--spacing-md);gap:10px} .main__viewCamera{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:#fff;text-decoration:none;font-size:18px;font-weight:700;text-transform:uppercase;transition:var(--transition);transition-delay:.2s;box-shadow:var(--shadow-md);position:relative;overflow:hidden;border:0;padding:var(--spacing-md) var(--spacing-xl);border-radius:5px;font-family:'Poppins',sans-serif;display:inline-block;margin:5px}.main__viewCamera::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.main__viewCamera:hover::before{left:100%}.main__viewCamera:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-lg);transform:translateY(-3px) scale(1.02)}.main__viewCamera:active{transform:translateY(-1px) scale(.98)} .main__videoTop{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-xl) 0 !important;background:#f3d8ea1f;padding:var(--spacing-xl);border-radius:var(--radius-md);border:1px solid #f7f7f7;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;overflow:hidden}.main__videoTop::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}} .inner-stage.m-2 #object_container,.inner-stage.m-2 #object_container_0{width:100%;height:100%}.inner-stage.m-2 #object_container_0{display:inline-block} .main__videoProcentage{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:8px 16px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,240,240,.9));border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3)}.main__videoProcentage:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.15)} .rating-stars{display:flex;gap:2px;align-items:center}.rating-stars .star{font-size:18px;transition:var(--transition);text-shadow:0 1px 3px rgba(0,0,0,.2)}.rating-stars .star.filled{color:#ffd700;animation:starGlow 2s ease-in-out infinite alternate}.rating-stars .star.half{color:#ffa500}.rating-stars .star.empty{color:#ddd}@keyframes starGlow{0%{filter:brightness(1) drop-shadow(0 0 2px rgba(255,215,0,.3))}100%{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6))}} .rating-percentage{font-weight:700;font-size:16px;color:var(--color-accent);text-shadow:0 1px 2px rgba(0,0,0,.1)}.rating-placeholder{color:#999;font-size:16px}.rating-loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .star{font-size:24px;display:inline-block;margin:0 2px;transition:var(--transition)}.star.filled{color:var(--color-primary);text-shadow:0 0 5px rgba(255,20,147,.7)}.star.half{position:relative;color:var(--color-secondary);overflow:hidden;width:12px}.star.half::before{content:'★';position:absolute;left:0;color:var(--color-primary);text-shadow:0 0 5px rgba(255,20,147,.7);width:50%;overflow:hidden}.star.empty{color:rgba(255,105,180,.3)}.star:hover{transform:scale(1.2)}.star.filled:hover{color:var(--color-primary-dark);text-shadow:0 0 10px rgba(255,20,147,1)}.star.half:hover{color:var(--color-secondary)}.star.half:hover::before{color:var(--color-primary-dark);text-shadow:0 0 10px rgba(255,20,147,1)}.star.empty:hover{color:rgba(255,105,180,.6)} .main__about{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);background:rgba(0,0,0,.5);padding:var(--spacing-xl);border-radius:16px;margin:0 0 var(--spacing-xl) 0;width:100%;height:auto;box-shadow:0 12px 40px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1);transition:var(--transition);position:relative;overflow:hidden}.main__about::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.05),transparent);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{to{transform:rotate(360deg)}} .main__aboutInfo{flex:1;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);position:relative;z-index:2}.main__aboutImg{border-radius:var(--radius-lg);box-shadow:0 0 15px rgba(255,20,147,.6);transition:var(--transition);filter:brightness(1.05) contrast(1.05);max-width:300px;height:auto}.main__aboutImg:hover{transform:scale(1.08) rotate(2deg);filter:brightness(1.1) contrast(1.1) saturate(1.2)} .main__aboutGrid{flex:1;display:grid;gap:var(--spacing-md);align-content:start}.main__aboutElement{color:#ff00ff;text-shadow:0 0 5px rgba(255,0,255,.5);transition:var(--transition);border-radius:8px;position:relative;overflow:hidden;padding:var(--spacing-sm)}.main__aboutElement::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s ease}.main__aboutElement:hover::before{left:100%}.main__aboutElement:hover{transform:translateX(8px) scale(1.02);box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__aboutElement .name{font-weight:700}.main__aboutElement .value{color:var(--color-text-dark)} .main__aboutShare{flex:1;min-width:200px;position:relative;z-index:2} .custom-api{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-transform:uppercase}.custom-api h2{color:var(--color-primary);font-size:1rem;margin-bottom:var(--spacing-lg)}.custom-api img{border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.custom-api p{line-height:1.6;margin-bottom:var(--spacing-lg)}.custom-api a{color:var(--color-primary);text-decoration:none;font-weight:700}.custom-api a:hover{text-decoration:underline} .highlight{font-weight:700;color:var(--color-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm)} .responsive{width:100%;height:auto;display:block;margin:0 auto} div.row.justify-content-center.mt-2{padding-left:40px}center.uppercase{font-size:18px} .logo-svg{width:224px;height:auto;transition:var(--transition)}.header__logo .logo-svg{margin:10px 0} #faq h3{color:#e91e63;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center;text-transform:uppercase;letter-spacing:1px}.faq-item{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:2px solid #e91e63;border-radius:12px;padding:20px 25px;margin-bottom:15px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(233,30,99,0.1)}.faq-item:hover{background:#fff;box-shadow:0 6px 20px rgba(233,30,99,0.2);transform:translateY(-3px)}.faq-item strong{color:#e91e63;font-size:17px;font-weight:700;display:block;margin-bottom:12px;line-height:1.4}.faq-item strong::before{content:"💬 ";margin-right:8px}.faq-item br + strong::before{content:"💡 "}.faq-item strong + br + *{color:#555;font-size:15px;line-height:1.6}@media (max-width:768px){#faq h3{font-size:22px}.faq-item{padding:15px 18px;margin-bottom:12px}.faq-item strong{font-size:15px}}@media (max-width:480px){#faq h3{font-size:20px;margin-bottom:20px}.faq-item{padding:12px 15px;font-size:14px}.faq-item strong{font-size:14px}} .tabs-container{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1)}.tab-button{position:relative;overflow:hidden;transition:var(--transition);background:0;border:0;cursor:pointer;font-size:1rem;color:rgba(255,255,255,.8);padding:15px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.tab-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tab-button:hover::before{left:100%}.tab-button::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-primary);transition:all .3s ease;transform:translateX(-50%)}.tab-button.active::after,.tab-button:hover::after{width:80%}.tab-button:hover{transform:translateY(-2px)}.tab-button.active{background:rgba(71,21,46,.8);color:#fff;box-shadow:inset 0 2px 10px rgba(0,0,0,.3)} .tab-panel{display:none;padding:30px;background:rgba(255,255,255,.95);position:relative;min-height:200px;animation:fadeIn .5s ease}.tab-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-panel.loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)} .banner{border-radius:12px;overflow:hidden;transition:var(--transition);position:relative;box-shadow:var(--shadow-sm)}.banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.banner:hover::before{opacity:1}.banner:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg)}.banner-image{max-width:100%;height:auto;border-radius:12px;transition:var(--transition);filter:brightness(1.02) contrast(1.02)}.banner:hover .banner-image{transform:scale(1.05);filter:brightness(1.1) contrast(1.1) saturate(1.1)} @media (max-width:768px){.box{flex:1 1 45%}.aside{max-height:calc(100vh - 65px)}.aside .list-container{overflow-y:auto}.aside .list-container::-webkit-scrollbar{width:var(--spacing-md)}.aside .list-container::-webkit-scrollbar-track{background:#f1f1f1}.aside .list-container::-webkit-scrollbar-thumb{background:#888;border-radius:var(--radius-xl)}.aside .list-container::-webkit-scrollbar-thumb:hover{background:#555}.img-col{width:100%}p{font-size:14px}.star{font-size:20px}.star.half{width:10px}.main__buttonGroup{flex-wrap:wrap;justify-content:center;gap:8px}.main__addFavourite,.next-model-link{font-size:clamp(12px,1.8vw,14px);padding:var(--spacing-sm) var(--spacing-md)}.next-model-link{min-width:100px}.main__videoTop{flex-direction:column;gap:15px;text-align:center;background:#f3d8ea;box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__video{box-shadow:0 4px 15px rgba(0,0,0,.1);transition:0}.main__video:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__about{flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-lg);background:#D3D3D3;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#333}.main__aboutInfo{flex-direction:column;gap:var(--spacing-lg);text-align:center}.main__aboutImg{align-self:center;max-width:250px;transition:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__aboutImg:hover{transform:0;filter:0}.main__aboutGrid{grid-template-columns:1fr;text-align:center}.main__aboutElement{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:0}.main__aboutElement:hover{transform:0}.main__aboutShare{min-width:auto;width:100%;text-align:center}.main__text{background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:0}.main__text:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__viewCamera{background:var(--color-primary);box-shadow:0 4px 15px rgba(0,0,0,.1);transition:0}.main__viewCamera:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.main__addFavourite{background:var(--color-primary);transition:0}.main__addFavourite:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.next-model-link{background:var(--color-success);transition:0}.next-model-link:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.tabs-header{flex-wrap:wrap}.tab-button{flex:1 1 50%;min-width:120px;transition:0}.banner{margin-bottom:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:0}.banner:hover{transform:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.faq-accordion{margin:10px 0}.faq-question{font-size:14px;padding:10px}.faq-answer{font-size:12px;padding:10px}.main__about::before,.main__aboutElement::before,.main__videoTop::before,.main__text::before,.main__viewCamera::before,.main__addFavourite::before,.next-model-link::before,.tab-button::before,.banner::before{display:none}.main__about *,.main__videoTop *,.main__text *,.main__viewCamera *,.main__addFavourite *,.next-model-link *,.tab-button *,.banner *{animation:0 !important;transition:0 !important}} @media (max-width:480px){.box{flex:1 1 100%}.box a{font-size:14px}p{font-size:13px;text-align:left}.star{font-size:16px}.star.half{width:8px}.main__about{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);border-radius:var(--radius-md);background:#D3D3D3;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#333}.main__aboutInfo{gap:var(--spacing-md)}.main__aboutImg{max-width:200px;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.1)}.main__aboutElement{font-size:14px;padding:var(--spacing-sm)}.main__buttonGroup{flex-direction:column;align-items:center}} @media (hover:none) and (pointer:coarse){.main__aboutImg:hover,.main__aboutElement:hover,.main__viewCamera:hover,.main__addFavourite:hover,.next-model-link:hover,.tab-button:hover,.banner:hover,.box:hover,.share-btn:hover{transform:0;filter:0;box-shadow:0}} html{scroll-behavior:smooth} .main__viewCamera:focus,.main__addFavourite:focus,.tab-button:focus,.next-model-link:focus,.share-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px} .models-grid{display:grid;gap:16px;padding:16px;max-width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.model-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;width:100%;margin:0 auto;transition:transform .3s ease 0s,box-shadow .3s ease 0s,width .5s cubic-bezier(.4,0,.2,1) .1s,max-width .5s cubic-bezier(.4,0,.2,1) .1s}.model-link{display:block;text-decoration:none;color:inherit}.model-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.model-image{position:relative;width:100%;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1)}.model-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,width .6s cubic-bezier(.4,0,.2,1) 0s,height .6s cubic-bezier(.4,0,.2,1) 0s}.model-card:hover .model-image img{transform:scale(1.05)} @media (min-width:1600px){.models-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px;padding:20px;transition-delay:.3s}.model-card{max-width:420px}.model-image{aspect-ratio:4/3;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) .2s}} @media (min-width:1440px) and (max-width:1599px){.models-grid{grid-template-columns:repeat(4,1fr);gap:18px;padding:18px;transition-delay:.25s}.model-card{max-width:360px}.model-image{aspect-ratio:4/3;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) .2s}} @media (min-width:1200px) and (max-width:1439px){.models-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;transition-delay:.2s}.model-card{max-width:340px}.model-image{aspect-ratio:4/3;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) .15s}} @media (min-width:768px) and (max-width:1199px){.models-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:14px;transition-delay:.15s}.model-card{max-width:100%}.model-image{aspect-ratio:5/4;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) .1s}} @media (min-width:600px) and (max-width:767px){.models-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;transition-delay:.1s}.model-card{max-width:100%}.model-image{aspect-ratio:3/2;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) .05s}} @media (max-width:599px){.models-grid{grid-template-columns:1fr;gap:10px;padding:10px;transition-delay:.05s}.model-card{max-width:100%;transition:transform .3s ease 0s,box-shadow .3s ease 0s,width .5s cubic-bezier(.4,0,.2,1) .2s,max-width .5s cubic-bezier(.4,0,.2,1) .2s}.model-image{aspect-ratio:16/9;transition:aspect-ratio .4s ease 0s,all .6s cubic-bezier(.4,0,.2,1) 0s}.model-info{padding:16px}.model-name{font-size:16px}.age-gender{font-size:13px}.detail-tag{font-size:11px;padding:3px 6px}} @media (prefers-reduced-motion:no-preference){.model-card{transform-origin:center top}.model-image img{transform-origin:center center}} @supports (container-type:inline-size){.models-grid{container-type:inline-size}@container (min-width:400px){.model-card{transition-duration:.6s}}@container (max-width:399px){.model-card{transition-duration:.4s}}} .live-badge{position:absolute;top:12px;left:12px;background:#ff4757;color:#fff;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2;transition:all .3s ease}.live-badge i{font-size:8px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}} .favorite-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);border:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.favorite-btn:hover{background:#fff;transform:scale(1.1)}.favorite-btn.active{color:#ff4757} .model-info{padding:20px;transition:padding .3s ease .1s}.model-name{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 12px 0;transition:font-size .3s ease .05s}.model-basic{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#7f8c8d}.age-gender{display:flex;align-items:center;gap:4px;font-size:14px;transition:font-size .3s ease .05s}.model-details{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{background:#ecf0f1;color:#34495e;padding:4px 8px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px;transition:all .2s ease .05s}.detail-tag i{font-size:10px;opacity:1}.detail-tag.zodiac{background:#e8f4f8;color:#2980b9}.detail-tag.eyes{background:#fef9e7;color:#f39c12}.detail-tag.bust{background:#fdf2f8;color:#e91e63} .header__link i,.header__button i{margin-right:6px}.ui-autocomplete{max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:9999}.ui-autocomplete .ui-menu-item{padding:10px 15px;cursor:pointer;transition:background-color .2s;border:0}.ui-autocomplete .ui-menu-item:hover,.ui-autocomplete .ui-state-active{background:#E11481}.ui-autocomplete .ui-menu-item div{display:flex;align-items:center;font-size:14px} /* Gallery - 5 Images Per Row */ .image-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:20px;margin-bottom:10px;background:#828282;border-radius:8px;width:100%;box-sizing:border-box} .gallery-item{background:#828282;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(255,20,147,.3);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)} .gallery-item a{text-decoration:none} .img-thumbnail{width:100%;height:140px;object-fit:cover;border:0;border-radius:0;margin-bottom:-6px} .username{padding:8px;background:#fff;color:#47152e;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block} @media (max-width:1200px){.image-gallery{grid-template-columns:repeat(4,1fr)}} @media (max-width:992px){.image-gallery{grid-template-columns:repeat(3,1fr)}} @media (max-width:768px){.image-gallery{grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}.gallery-item{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.img-thumbnail{height:120px}.username{font-size:10px;padding:6px}} @media (max-width:480px){.image-gallery{grid-template-columns:1fr;padding:8px;gap:8px}.img-thumbnail{height:100px}.username{font-size:9px}}