html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /** * Skipped minification because the original files appears to be already minified. * Original file: /npm/air-datepicker@3.6.0/air-datepicker.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ .air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} /** * /static/css/shared/variables.css * */ /** * Variables (default) * */ :root { /** * Breakpoints * */ --gishty-breakpoint-mobile: 440px; --gishty-breakpoint-tablet: 810px; /** * Colors * */ --gishty-color-admin-divider: #eeeeee; --gishty-color-scrollbar-thumb: #dadce0; --gishty-color-scrollbar-thumb-hover: #cccccc; --gishty-color-success-green: #5d874d; --gishty-color-error-red: #e05650; --gishty-color-orange: #e06048; --gishty-color-orange-o70: #e06048b3; --gishty-color-orange-o85: #e06048d9; --gishty-color-orange-o90: #e06048e6; --gishty-color-orange-o95: #e06048f2; --gishty-color-beige: #f5f4f2; --gishty-color-charcoal: #3c3a36; --gishty-color-dark: #1a1714; --gishty-color-dark-o03: #1a171408; --gishty-color-dark-o05: #1a17140d; --gishty-color-dark-o07: #1a171412; --gishty-color-dark-o12: #1a17141f; --gishty-color-dark-o25: #1a171440; --gishty-color-dark-o40: #1a171466; --gishty-color-dark-o55: #1a17148c; --gishty-color-dark-o70: #1a1714b3; --gishty-color-dark-o85: #1a1714d9; --gishty-color-dark-o90: #1a1714e6; --gishty-color-dark-o95: #1a1714f2; --gishty-color-light: #ffffff; --gishty-color-light-o03: #ffffff08; --gishty-color-light-o05: #ffffff0d; --gishty-color-light-o07: #ffffff12; --gishty-color-light-o12: #ffffff1f; --gishty-color-light-o25: #ffffff40; --gishty-color-light-o40: #ffffff66; --gishty-color-light-o55: #ffffff8c; --gishty-color-light-o70: #ffffffb3; --gishty-color-light-o85: #ffffffd9; --gishty-color-light-o90: #ffffffe6; --gishty-color-light-o95: #fffffff2; /** * Dimensions * */ --gishty-admin-nav-width: 210px; --gishty-admin-results-header-height: 36px; --gishty-admin-results-row-min-height: 32px; --gishty-header-height: 72px; --gishty-page-padding: 28px; --gishty-scrollbar-width: 8px; @media (max-width: 810px) { --gishty-page-padding: 24px; } /** * Durations * */ --gishty-duration-root: 250ms; --gishty-duration-panel: 400ms; --gishty-duration-modal: 400ms; /** * Fonts * */ --gishty-font-family-headline: 'Archivo Narrow'; --gishty-font-family-body: 'Piazzolla'; /** * Graphics (brands: custom) * */ --gishty-graphic-brand-custom-substack: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA0NDggNTExLjQ3Ij48cGF0aCBmaWxsPSIjRkY2ODFBIiBkPSJNMCAwaDQ0OHY2Mi44MDRIMFYwem0wIDIyOS4wODNoNDQ4djI4Mi4zODhMMjIzLjk1NCAzODUuODA4IDAgNTExLjQ3MVYyMjkuMDgzem0wLTExNC41NDJoNDQ4djYyLjgwNEgwdi02Mi44MDR6Ij48L3BhdGg+PC9zdmc+Cg==); /** * Graphics (brands: tabler) * */ --gishty-graphic-brand-tabler-bluesky: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItYnJhbmQtYmx1ZXNreSIgdmlld0JveD0iMSAzIDIyIDE5Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNi4zMzUgNS4xNDRjLTEuNjU0IC0xLjE5OSAtNC4zMzUgLTIuMTI3IC00LjMzNSAuODI2YzAgLjU5IC4zNSA0Ljk1MyAuNTU2IDUuNjYxYy43MTMgMi40NjMgMy4xMyAyLjc1IDUuNDQ0IDIuMzY5Yy00LjA0NSAuNjY1IC00Ljg4OSAzLjIwOCAtMi42NjcgNS40MWMxLjAzIDEuMDE4IDEuOTEzIDEuNTkgMi42NjcgMS41OWMyIDAgMy4xMzQgLTIuNzY5IDMuNSAtMy41Yy4zMzMgLS42NjcgLjUgLTEuMTY3IC41IC0xLjVjMCAuMzMzIC4xNjcgLjgzMyAuNSAxLjVjLjM2NiAuNzMxIDEuNSAzLjUgMy41IDMuNWMuNzU0IDAgMS42MzcgLS41NzEgMi42NjcgLTEuNTljMi4yMjIgLTIuMjAzIDEuMzc4IC00Ljc0NiAtMi42NjcgLTUuNDFjMi4zMTQgLjM4IDQuNzMgLjA5NCA1LjQ0NCAtMi4zNjljLjIwNiAtLjcwOCAuNTU2IC01LjA3MiAuNTU2IC01LjY2MWMwIC0yLjk1MyAtMi42OCAtMi4wMjUgLTQuMzM1IC0uODI2Yy0yLjI5MyAxLjY2MiAtNC43NiA1LjA0OCAtNS42NjUgNi44NTZjLS45MDUgLTEuODA4IC0zLjM3MiAtNS4xOTQgLTUuNjY1IC02Ljg1NnoiLz48L3N2Zz4=); --gishty-graphic-brand-tabler-instagram: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItYnJhbmQtaW5zdGFncmFtIiB2aWV3Qm94PSIzIDMgMTggMTgiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00IDhhNCA0IDAgMCAxIDQgLTRoOGE0IDQgMCAwIDEgNCA0djhhNCA0IDAgMCAxIC00IDRoLThhNCA0IDAgMCAxIC00IC00eiIvPjxwYXRoIGQ9Ik05IDEyYTMgMyAwIDEgMCA2IDBhMyAzIDAgMCAwIC02IDAiLz48cGF0aCBkPSJNMTYuNSA3LjV2LjAxIi8+PC9zdmc+); --gishty-graphic-brand-tabler-linkedIn: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItYnJhbmQtbGlua2VkaW4iIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTggMTF2NSI+PC9wYXRoPjxwYXRoIGQ9Ik04IDh2LjAxIj48L3BhdGg+PHBhdGggZD0iTTEyIDE2di01Ij48L3BhdGg+PHBhdGggZD0iTTE2IDE2di0zYTIgMiAwIDEgMCAtNCAwIj48L3BhdGg+PHBhdGggZD0iTTMgN2E0IDQgMCAwIDEgNCAtNGgxMGE0IDQgMCAwIDEgNCA0djEwYTQgNCAwIDAgMSAtNCA0aC0xMGE0IDQgMCAwIDEgLTQgLTR6Ij48L3BhdGg+PC9zdmc+Cg==); --gishty-graphic-brand-tabler-x: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItYnJhbmQteCIgdmlld0JveD0iMyAzIDE4IDE4Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNCA0bDExLjczMyAxNmg0LjI2N2wtMTEuNzMzIC0xNnoiLz48cGF0aCBkPSJNNCAyMGw2Ljc2OCAtNi43NjhtMi40NiAtMi40Nmw2Ljc3MiAtNi43NzIiLz48L3N2Zz4=); /** * Graphics (clients) * */ /* --gishty-graphic-client-transparent-trimmed: url(data:image/png;base64,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);*/ --gishty-graphic-client-transparent-trimmed: url(data:image/png;base64,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); /** * Graphics (icons: custom) * */ --gishty-graphic-icon-custom-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjQgNi4xNyAxNiAxMS44MyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwIDcuNTg1ODRMOS41ODU4NiAxOEw0IDEyLjQxNDJMNS40MTQyIDExTDkuNTg1ODUgMTUuMTcxNkwxOC41ODU4IDYuMTcxNjNMMjAgNy41ODU4NFoiIGZpbGw9IiMxQTE3MTQiLz4KPC9zdmc+); --gishty-graphic-icon-custom-eyes: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiAxMDYiPiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTczLjE5NDggMC4yNDU4MjVDNjUuNjY0NiAxLjY2MjcxIDU5LjIwNzIgMTEuOTk2NCA1Ni4wNjY4IDI3LjYyNDdDNTQuNDUyNCAzNS42Njc5IDUzLjc3NzkgNDguNTE1OSA1NC41MDc3IDU3LjQxMTdDNTYuMDg4OSA3Ny4xNTIzIDYyLjM4MDQgOTEuOTA1OSA3MC44Mzk0IDk1LjczMjJDNzIuNTA5MSA5Ni40OTkyIDczLjA3MyA5Ni42MjcxIDc1LjAzMDMgOTYuNjI3MUM3Ni44OTkgOTYuNTk1MSA3Ny41NzM1IDk2LjQ4ODYgNzguOTg4NyA5NS44NjAxQzgyLjY3MDkgOTQuMjE5NSA4NS42NDU0IDkxLjExOTMgODguMjc2OCA4Ni4yMDgxQzk4LjIzOTUgNjcuNjA3NCA5OC42Mzc3IDMxLjc2OTUgODkuMDM5OCAxMi4wNTE1Qzg1Ljc4OSA1LjMzOTk5IDgxLjUwOTYgMS4xOTU2NyA3Ni45MjEgMC4yNDc2ODJDNzUuMjUxMyAtMC4wODI1NjA1IDc0Ljk2MzggLTAuMDgyNTYwNSA3My4xODM2IDAuMjQ3NjgyTDczLjE5NDggMC4yNDU4MjVaTTc3LjU4NDYgNC42ODgyNEM4MS4zNDQxIDYuMzgyMSA4NS4xNDggMTIuMDI4MyA4Ny43NDYzIDE5LjgyNjZDODguNzk2OCAyMi45NTg2IDg4Ljg1MjEgMjMuNjcyNiA4OC4wNTU5IDIzLjY3MjZDODcuMTgyNCAyMy42NzI2IDg1LjIyNTIgMjQuODQ0NSA4My41ODg4IDI2LjM2NzlDNzcuOTYwNSAzMS41MjQgNzIuNjg2MSA0NC4wNjMxIDcxLjUyNTIgNTUuMDA0QzcwLjg3MjggNjEuMDAxOCA3MS4zMDQgNjguODMxOSA3Mi41MjA0IDczLjExNDVDNzMuNjgxNCA3Ny4yMDU0IDc3LjE2NDQgODIuNjI4IDgwLjcwMjggODUuODI0MUM4MS43MjAxIDg2LjcxODkgODIuNTM4MyA4Ny41OTI1IDgyLjUzODMgODcuNzMxQzgyLjUzODMgODguMjc0MyA3OC45NDQ3IDkxLjQ5MTYgNzcuNjk1MyA5Mi4wNjY4QzcwLjcwNjggOTUuMjg0MSA2My4xNzY5IDg0LjcyNjcgNTkuOTE1MSA2Ny4xMTY4QzU4LjM4OTIgNTguNzk2NiA1Ny44NDczIDQ2LjE3MjQgNTguNzIwOSAzNy45ODk4QzYwLjI4IDIzLjA5NjYgNjQuMzgyMyAxMS41OTA5IDY5Ljg5OTkgNi41NDE5NUM3Mi42NzUzIDQuMDI3NzUgNzQuOTA4OCAzLjQ4NDQzIDc3LjU3MzYgNC42ODgyNkw3Ny41ODQ2IDQuNjg4MjRaIiBmaWxsPSIjRjI0OTQ5Ij48L3BhdGg+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNzAzIDAuMzMwMjgxQzE0LjIzNTkgMS40MTY5MyAxMC4xMjI2IDUuNTA3NjkgNi45NjAxNyAxMi4wNTk2Qy0yLjYzNzYgMzEuNzc5IC0yLjIzOTYxIDY3LjYxNjQgNy43MjMxMyA4Ni4yMTYyQzEwLjM1NDggOTEuMTI3NCAxMy4zMjkzIDk0LjIzODEgMTcuMDExMiA5NS44NjgyQzE4LjQyNjYgOTYuNDk2NyAxOS4xMDExIDk2LjYwMzMgMjEuMDAzMSA5Ni42MzUyQzIzLjA3MDggOTYuNjM1MiAyMy40Njg5IDk2LjU1IDI1LjQxNSA5NS42MDE5QzMyLjQ1ODYgOTIuMjQ2IDM3Ljk1NDIgODEuNDIyNCA0MC40NzUyIDY1Ljg5OTRDNDIuMzk5MiA1NC4xNDg4IDQyLjE3OCAzOC43ODY4IDM5LjkzMzQgMjcuNjMzNEMzNy4wMTQzIDEzLjEwMjQgMzEuMTUzNyAzLjAwMzA5IDI0LjMwOTMgMC42NTkyOTZDMjIuNTg0MyAwLjA2MjcxMDQgMjAuMjg0MyAtMC4wNzQ1NDk3IDE4LjcwMyAwLjMzMDI4MVpNMjMuMzE0IDQuNTgwOTdDMjQuOTI4NCA1LjI5NDc0IDI3LjM2MSA3LjU1MzEyIDI4LjkyMDIgOS43OTA1NkMzMS4xMzE3IDEzLjAwNzkgMzMuMTExIDE3LjY5NTIgMzQuNjkyMyAyMy40OEMzNS40MzMxIDI2LjE1NCAzNS40NTUyIDI2LjQ1MjEgMzUuMDM1IDI2LjU1ODhDMzMuMzMyMiAyNy4wODA4IDMyLjA5MzYgMjcuODE1OSAzMC41MDE0IDI5LjIzMjhDMjQuODA2OSAzNC4zODg5IDE5LjQ2NjIgNDYuOTI3OSAxOC4zMDUgNTguMDA3OUMxNy42NTI2IDY0LjAwNTcgMTguMDgzOSA3MS44MzU5IDE5LjMwMDIgNzYuMTE4NUMyMC4zMTc1IDc5Ljc3MjUgMjMuMjU4NiA4NC41OTg2IDI2LjI4ODYgODcuNjU2MUMyNy41NjAyIDg4Ljk2NjUgMjcuNTA0OSA4OS4zNSAyNS42Njk0IDkwLjczNDlDMjAuNTE2NyA5NC42ODcyIDE1LjYxODEgOTIuMzc1NSAxMS4yMDYyIDgzLjg4NDlDNC44NzAyNiA3MS43MTg5IDIuNDkzMDQgNTEuMTAzNCA1LjI5MDYzIDMyLjY5NDRDOC4xNzY1MyAxMy42NTY5IDE2LjA0OTUgMS4zODU2NSAyMy4zMjUzIDQuNTc5MjVMMjMuMzE0IDQuNTgwOTdaIiBmaWxsPSIjRjI0OTQ5Ij48L3BhdGg+IDxwYXRoIGQ9Ik00MC45MzE4IDEwMi4wMDZDNDEuMjQxNCAxMDEuNzYxIDQyLjExNSAxMDEuNDYzIDQyLjg1NTggMTAxLjM3OEw0Mi44NTU1IDEwMS4zODhDNDMuNTk2MyAxMDEuMjgyIDQ2LjYyNiAxMDEuMjI4IDQ5LjU2NzQgMTAxLjI4MkM1Ny42MjgyIDEwMS4zNjcgNjAuMTI3MiAxMDIuMTAyIDU5LjgzOTcgMTA0LjMwN0M1OS43ODQ0IDEwNC43MTIgNTkuNDA4NSAxMDUuMjg3IDU4Ljk4ODMgMTA1LjU4NkM1OC4yNTg2IDEwNi4xMjkgNTguMjAzMyAxMDYuMTI5IDU1LjczNzUgMTA1LjYzOUM1My44MTM1IDEwNS4yODcgNTEuOTQ0OSAxMDUuMTcgNDcuMzU2MSAxMDUuMjAyQzQxLjg2MDYgMTA1LjIyMyA0MS40NzM2IDEwNS4yMDIgNDAuOTMxOCAxMDQuNjhDNDAuMTkxIDEwMy45NjYgNDAuMTkxIDEwMi42MzUgNDAuOTMxOCAxMDIuMDA2WiIgZmlsbD0iI0YyNDk0OSI+PC9wYXRoPiA8L3N2Zz4K); --gishty-graphic-icon-custom-magnifier-1: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjIuMjUgMi4yNSAyMC41IDIwLjUiPgogICAgPHBhdGggZD0iTTIyIDIyTDE2LjY1NjkgMTYuNjU2OU0xOSAxMUMxOSAxNS40MTgzIDE1LjQxODMgMTkgMTEgMTlDNi41ODE3MiAxOSAzIDE1LjQxODMgMyAxMUMzIDYuNTgxNzIgNi41ODE3MiAzIDExIDNDMTUuNDE4MyAzIDE5IDYuNTgxNzIgMTkgMTFaIiBzdHJva2U9IiMxQTE3MTQiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==); --gishty-graphic-icon-custom-magnifier-2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAuMTQgMCA0MTYgNDE2Ij4KPHBhdGggZD0iTTQxNi4xNDMgMzgwTDI5Mi4wNjMgMjU1LjlDMzEyLjA1OSAyMjguNDIxIDMyMi44MTYgMTk1LjMwNCAzMjIuNzgzIDE2MS4zMkMzMjIuNzgzIDcyLjM3IDI1MC40MTMgMCAxNjEuNDYzIDBDNzIuNTEzMSAwIDAuMTQzMDY2IDcyLjM3IDAuMTQzMDY2IDE2MS4zMkMwLjE0MzA2NiAyNTAuMjcgNzIuNTEzMSAzMjIuNjQgMTYxLjQ2MyAzMjIuNjRDMTk1LjQ0NyAzMjIuNjczIDIyOC41NjQgMzExLjkxNiAyNTYuMDQzIDI5MS45MkwzODAuMTQzIDQxNkw0MTYuMTQzIDM4MFpNMTYxLjQ2MyAyNzEuNjlDMTM5LjYzMSAyNzEuNjkyIDExOC4yODkgMjY1LjIyIDEwMC4xMzUgMjUzLjA5MkM4MS45ODIgMjQwLjk2NCA2Ny44MzI4IDIyMy43MjUgNTkuNDc3MiAyMDMuNTU1QzUxLjEyMTUgMTgzLjM4NiA0OC45MzQ4IDE2MS4xOTEgNTMuMTkzNSAxMzkuNzc4QzU3LjQ1MjIgMTE4LjM2NiA2Ny45NjUxIDk4LjY5NzEgODMuNDAyNiA4My4yNTk2Qzk4Ljg0MDEgNjcuODIyIDExOC41MDkgNTcuMzA5MSAxMzkuOTIxIDUzLjA1MDRDMTYxLjMzNCA0OC43OTE3IDE4My41MjkgNTAuOTc4NSAyMDMuNjk4IDU5LjMzNDFDMjIzLjg2OCA2Ny42ODk3IDI0MS4xMDcgODEuODM5IDI1My4yMzUgOTkuOTkyNEMyNjUuMzYzIDExOC4xNDYgMjcxLjgzNSAxMzkuNDg4IDI3MS44MzMgMTYxLjMyQzI3MS43OTkgMTkwLjU4MSAyNjAuMTU5IDIxOC42MzQgMjM5LjQ2OCAyMzkuMzI1QzIxOC43NzggMjYwLjAxNiAxOTAuNzI0IDI3MS42NTYgMTYxLjQ2MyAyNzEuNjlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=); /** * Graphics (icons: tabler) * */ --gishty-graphic-icon-tabler-alert-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLWZpbGxlZCBpY29uLXRhYmxlci1hbGVydC1jaXJjbGUiIHZpZXdCb3g9IjIgMiAyMCAyMC4wMSI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTEyIDJjNS41MjMgMCAxMCA0LjQ3NyAxMCAxMGExMCAxMCAwIDAgMSAtMTkuOTk1IC4zMjRsLS4wMDUgLS4zMjRsLjAwNCAtLjI4Yy4xNDggLTUuMzkzIDQuNTY2IC05LjcyIDkuOTk2IC05Ljcyem0uMDEgMTNsLS4xMjcgLjAwN2ExIDEgMCAwIDAgMCAxLjk4NmwuMTE3IC4wMDdsLjEyNyAtLjAwN2ExIDEgMCAwIDAgMCAtMS45ODZsLS4xMTcgLS4wMDd6bS0uMDEgLThhMSAxIDAgMCAwIC0uOTkzIC44ODNsLS4wMDcgLjExN3Y0bC4wMDcgLjExN2ExIDEgMCAwIDAgMS45ODYgMGwuMDA3IC0uMTE3di00bC0uMDA3IC0uMTE3YTEgMSAwIDAgMCAtLjk5MyAtLjg4M3oiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-bookmark-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjUgMiAxNCAyMCI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NDE2XzE4NDQ1KSI+CjxwYXRoIGQ9Ik0xNCAyQzE1LjMyNjEgMiAxNi41OTc5IDIuNTI2NzggMTcuNTM1NSAzLjQ2NDQ3QzE4LjQ3MzIgNC40MDIxNSAxOSA1LjY3MzkyIDE5IDdWMjFDMTkgMjEuMTgxIDE4Ljk1MDkgMjEuMzU4NyAxOC44NTc5IDIxLjUxNEMxOC43NjQ4IDIxLjY2OTMgMTguNjMxNCAyMS43OTY1IDE4LjQ3MTggMjEuODgxOUMxOC4zMTIxIDIxLjk2NzMgMTguMTMyMyAyMi4wMDc4IDE3Ljk1MTUgMjEuOTk5QzE3Ljc3MDcgMjEuOTkwMiAxNy41OTU2IDIxLjkzMjUgMTcuNDQ1IDIxLjgzMkwxMiAxOC4yMDJMNi41NTYgMjEuODMyQzYuNDEzMyAyMS45Mjc1IDYuMjQ4NCAyMS45ODQ3IDYuMDc3MiAyMS45OTc5QzUuOTA2IDIyLjAxMTIgNS43MzQyNiAyMS45ODAyIDUuNTc4NTMgMjEuOTA3OUM1LjQyMjggMjEuODM1NSA1LjI4ODMyIDIxLjcyNDMgNS4xODgwNCAyMS41ODQ5QzUuMDg3NzYgMjEuNDQ1NSA1LjAyNTA3IDIxLjI4MjcgNS4wMDYgMjEuMTEyTDUgMjFWN0M1IDUuNjczOTIgNS41MjY3OCA0LjQwMjE1IDYuNDY0NDcgMy40NjQ0N0M3LjQwMjE1IDIuNTI2NzggOC42NzM5MiAyIDEwIDJIMTRaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg0MTZfMTg0NDUiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+); --gishty-graphic-icon-tabler-bookmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjUgMiAxNCAyMCI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NDE2XzE4NDQxKSI+CjxwYXRoIGQ9Ik0xOCA3VjIxTDEyIDE3TDYgMjFWN0M2IDUuOTM5MTMgNi40MjE0MyA0LjkyMTcyIDcuMTcxNTcgNC4xNzE1N0M3LjkyMTcyIDMuNDIxNDMgOC45MzkxMyAzIDEwIDNIMTRDMTUuMDYwOSAzIDE2LjA3ODMgMy40MjE0MyAxNi44Mjg0IDQuMTcxNTdDMTcuNTc4NiA0LjkyMTcyIDE4IDUuOTM5MTMgMTggN1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODQxNl8xODQ0MSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=); --gishty-graphic-icon-tabler-circle-check-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLWZpbGxlZCBpY29uLXRhYmxlci1jaXJjbGUtY2hlY2siIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE3IDMuMzRhMTAgMTAgMCAxIDEgLTE0Ljk5NSA4Ljk4NGwtLjAwNSAtLjMyNGwuMDA1IC0uMzI0YTEwIDEwIDAgMCAxIDE0Ljk5NSAtOC4zMzZ6bS0xLjI5MyA1Ljk1M2ExIDEgMCAwIDAgLTEuMzIgLS4wODNsLS4wOTQgLjA4M2wtMy4yOTMgMy4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M2ExIDEgMCAwIDAgLTEuNDAzIDEuNDAzbC4wODMgLjA5NGwyIDJsLjA5NCAuMDgzYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsNCAtNGwuMDgzIC0uMDk0YTEgMSAwIDAgMCAtLjA4MyAtMS4zMnoiLz48L3N2Zz4=); --gishty-graphic-icon-tabler-circle-dotted: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2lyY2xlLWRvdHRlZCIgdmlld0JveD0iMiAyIDIwIDIwLjAxIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNNy41IDQuMjFsMCAuMDEiPjwvcGF0aD48cGF0aCBkPSJNNC4yMSA3LjVsMCAuMDEiPjwvcGF0aD48cGF0aCBkPSJNMyAxMmwwIC4wMSI+PC9wYXRoPjxwYXRoIGQ9Ik00LjIxIDE2LjVsMCAuMDEiPjwvcGF0aD48cGF0aCBkPSJNNy41IDE5Ljc5bDAgLjAxIj48L3BhdGg+PHBhdGggZD0iTTEyIDIxbDAgLjAxIj48L3BhdGg+PHBhdGggZD0iTTE2LjUgMTkuNzlsMCAuMDEiPjwvcGF0aD48cGF0aCBkPSJNMTkuNzkgMTYuNWwwIC4wMSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmwwIC4wMSI+PC9wYXRoPjxwYXRoIGQ9Ik0xOS43OSA3LjVsMCAuMDEiPjwvcGF0aD48cGF0aCBkPSJNMTYuNSA0LjIxbDAgLjAxIj48L3BhdGg+PHBhdGggZD0iTTEyIDNsMCAuMDEiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-circle-x: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLWZpbGxlZCBpY29uLXRhYmxlci1jaXJjbGUteCIgdmlld0JveD0iMiAyIDIwIDIwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTcgMy4zNGExMCAxMCAwIDEgMSAtMTQuOTk1IDguOTg0bC0uMDA1IC0uMzI0bC4wMDUgLS4zMjRhMTAgMTAgMCAwIDEgMTQuOTk1IC04LjMzNnptLTYuNDg5IDUuOGExIDEgMCAwIDAgLTEuMjE4IDEuNTY3bDEuMjkyIDEuMjkzbC0xLjI5MiAxLjI5M2wtLjA4MyAuMDk0YTEgMSAwIDAgMCAxLjQ5NyAxLjMybDEuMjkzIC0xLjI5MmwxLjI5MyAxLjI5MmwuMDk0IC4wODNhMSAxIDAgMCAwIDEuMzIgLTEuNDk3bC0xLjI5MiAtMS4yOTNsMS4yOTIgLTEuMjkzbC4wODMgLS4wOTRhMSAxIDAgMCAwIC0xLjQ5NyAtMS4zMmwtMS4yOTMgMS4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M3oiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-clock-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLWZpbGxlZCBpY29uLXRhYmxlci1jbG9jayIgdmlld0JveD0iMiAyIDIwIDIwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTcgMy4zNGExMCAxMCAwIDEgMSAtMTQuOTk1IDguOTg0bC0uMDA1IC0uMzI0bC4wMDUgLS4zMjRhMTAgMTAgMCAwIDEgMTQuOTk1IC04LjMzNnptLTUgMi42NmExIDEgMCAwIDAgLS45OTMgLjg4M2wtLjAwNyAuMTE3djVsLjAwOSAuMTMxYTEgMSAwIDAgMCAuMTk3IC40NzdsLjA4NyAuMWwzIDNsLjA5NCAuMDgyYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsLjA4MyAtLjA5NGExIDEgMCAwIDAgMCAtMS4yMjZsLS4wODMgLS4wOTRsLTIuNzA3IC0yLjcwOHYtNC41ODVsLS4wMDcgLS4xMTdhMSAxIDAgMCAwIC0uOTkzIC0uODgzeiI+PC9wYXRoPjwvc3ZnPgo=); --gishty-graphic-icon-tabler-clock: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2xvY2siIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIj48L3BhdGg+PHBhdGggZD0iTTEyIDd2NWwzIDMiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-download: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjMgMyAxOCAxOSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NDE2XzE4NDIxKSI+CjxwYXRoIGQ9Ik00IDE3VjE5QzQgMTkuNTMwNCA0LjIxMDcxIDIwLjAzOTEgNC41ODU3OSAyMC40MTQyQzQuOTYwODYgMjAuNzg5MyA1LjQ2OTU3IDIxIDYgMjFIMThDMTguNTMwNCAyMSAxOS4wMzkxIDIwLjc4OTMgMTkuNDE0MiAyMC40MTQyQzE5Ljc4OTMgMjAuMDM5MSAyMCAxOS41MzA0IDIwIDE5VjE3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNyAxMUwxMiAxNkwxNyAxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDRWMTYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODQxNl8xODQyMSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=); --gishty-graphic-icon-tabler-headphones: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjMgMyAxOCAxOCI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NDE2XzE4NDI3KSI+CjxwYXRoIGQ9Ik00IDE1QzQgMTQuNDY5NiA0LjIxMDcxIDEzLjk2MDkgNC41ODU3OSAxMy41ODU4QzQuOTYwODYgMTMuMjEwNyA1LjQ2OTU3IDEzIDYgMTNIN0M3LjUzMDQzIDEzIDguMDM5MTQgMTMuMjEwNyA4LjQxNDIxIDEzLjU4NThDOC43ODkyOSAxMy45NjA5IDkgMTQuNDY5NiA5IDE1VjE4QzkgMTguNTMwNCA4Ljc4OTI5IDE5LjAzOTEgOC40MTQyMSAxOS40MTQyQzguMDM5MTQgMTkuNzg5MyA3LjUzMDQzIDIwIDcgMjBINkM1LjQ2OTU3IDIwIDQuOTYwODYgMTkuNzg5MyA0LjU4NTc5IDE5LjQxNDJDNC4yMTA3MSAxOS4wMzkxIDQgMTguNTMwNCA0IDE4VjE1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1IDE1QzE1IDE0LjQ2OTYgMTUuMjEwNyAxMy45NjA5IDE1LjU4NTggMTMuNTg1OEMxNS45NjA5IDEzLjIxMDcgMTYuNDY5NiAxMyAxNyAxM0gxOEMxOC41MzA0IDEzIDE5LjAzOTEgMTMuMjEwNyAxOS40MTQyIDEzLjU4NThDMTkuNzg5MyAxMy45NjA5IDIwIDE0LjQ2OTYgMjAgMTVWMThDMjAgMTguNTMwNCAxOS43ODkzIDE5LjAzOTEgMTkuNDE0MiAxOS40MTQyQzE5LjAzOTEgMTkuNzg5MyAxOC41MzA0IDIwIDE4IDIwSDE3QzE2LjQ2OTYgMjAgMTUuOTYwOSAxOS43ODkzIDE1LjU4NTggMTkuNDE0MkMxNS4yMTA3IDE5LjAzOTEgMTUgMTguNTMwNCAxNSAxOFYxNVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00IDE1VjEyQzQgOS44NzgyNyA0Ljg0Mjg1IDcuODQzNDQgNi4zNDMxNSA2LjM0MzE1QzcuODQzNDQgNC44NDI4NSA5Ljg3ODI3IDQgMTIgNEMxNC4xMjE3IDQgMTYuMTU2NiA0Ljg0Mjg1IDE3LjY1NjkgNi4zNDMxNUMxOS4xNTcxIDcuODQzNDQgMjAgOS44NzgyNyAyMCAxMlYxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84NDE2XzE4NDI3Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==); --gishty-graphic-icon-tabler-home: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItaG9tZSIgdmlld0JveD0iMiAyIDIwIDIwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNNSAxMmwtMiAwbDkgLTlsOSA5bC0yIDAiPjwvcGF0aD48cGF0aCBkPSJNNSAxMnY3YTIgMiAwIDAgMCAyIDJoMTBhMiAyIDAgMCAwIDIgLTJ2LTciPjwvcGF0aD48cGF0aCBkPSJNOSAyMXYtNmEyIDIgMCAwIDEgMiAtMmgyYTIgMiAwIDAgMSAyIDJ2NiI+PC9wYXRoPjwvc3ZnPgo=); --gishty-graphic-icon-tabler-info-circle-filled: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLWZpbGxlZCBpY29uLXRhYmxlci1pbmZvLWNpcmNsZSIgdmlld0JveD0iMiAyIDIwIDIwLjAxIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTIgMmM1LjUyMyAwIDEwIDQuNDc3IDEwIDEwYTEwIDEwIDAgMCAxIC0xOS45OTUgLjMyNGwtLjAwNSAtLjMyNGwuMDA0IC0uMjhjLjE0OCAtNS4zOTMgNC41NjYgLTkuNzIgOS45OTYgLTkuNzJ6bTAgOWgtMWwtLjExNyAuMDA3YTEgMSAwIDAgMCAwIDEuOTg2bC4xMTcgLjAwN3YzbC4wMDcgLjExN2ExIDEgMCAwIDAgLjg3NiAuODc2bC4xMTcgLjAwN2gxbC4xMTcgLS4wMDdhMSAxIDAgMCAwIC44NzYgLS44NzZsLjAwNyAtLjExN2wtLjAwNyAtLjExN2ExIDEgMCAwIDAgLS43NjQgLS44NTdsLS4xMTIgLS4wMmwtLjExNyAtLjAwNnYtM2wtLjAwNyAtLjExN2ExIDEgMCAwIDAgLS44NzYgLS44NzZsLS4xMTcgLS4wMDd6bS4wMSAtM2wtLjEyNyAuMDA3YTEgMSAwIDAgMCAwIDEuOTg2bC4xMTcgLjAwN2wuMTI3IC0uMDA3YTEgMSAwIDAgMCAwIC0xLjk4NmwtLjExNyAtLjAwN3oiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-mail: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItbWFpbCIgdmlld0JveD0iMiA0IDIwIDE2Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMyA3YTIgMiAwIDAgMSAyIC0yaDE0YTIgMiAwIDAgMSAyIDJ2MTBhMiAyIDAgMCAxIC0yIDJoLTE0YTIgMiAwIDAgMSAtMiAtMnYtMTB6Ij48L3BhdGg+PHBhdGggZD0iTTMgN2w5IDZsOSAtNiI+PC9wYXRoPjwvc3ZnPgo=); --gishty-graphic-icon-tabler-menu-2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItbWVudS0yIiB2aWV3Qm94PSIzIDUgMTggMTQiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjxwYXRoIGQ9Ik00IDZsMTYgMCI+PC9wYXRoPjxwYXRoIGQ9Ik00IDEybDE2IDAiPjwvcGF0aD48cGF0aCBkPSJNNCAxOGwxNiAwIj48L3BhdGg+PC9zdmc+Cg==); --gishty-graphic-icon-tabler-message: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItbWVzc2FnZSIgdmlld0JveD0iMiAzIDIwIDE5Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOCA5aDgiLz48cGF0aCBkPSJNOCAxM2g2Ii8+PHBhdGggZD0iTTE4IDRhMyAzIDAgMCAxIDMgM3Y4YTMgMyAwIDAgMSAtMyAzaC01bC01IDN2LTNoLTJhMyAzIDAgMCAxIC0zIC0zdi04YTMgMyAwIDAgMSAzIC0zaDEyeiIvPjwvc3ZnPg==); --gishty-graphic-icon-tabler-pencil: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItcGVuY2lsIiB2aWV3Qm94PSIzIDMuNjcgMTcuMzMgMTcuMzMiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjxwYXRoIGQ9Ik00IDIwaDRsMTAuNSAtMTAuNWEyLjgyOCAyLjgyOCAwIDEgMCAtNCAtNGwtMTAuNSAxMC41djQiPjwvcGF0aD48cGF0aCBkPSJNMTMuNSA2LjVsNCA0Ij48L3BhdGg+PC9zdmc+Cg==); --gishty-graphic-icon-tabler-plus: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItcGx1cyIgdmlld0JveD0iNCA0IDE2IDE2Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTIgNWwwIDE0Ij48L3BhdGg+PHBhdGggZD0iTTUgMTJsMTQgMCI+PC9wYXRoPjwvc3ZnPgo=); --gishty-graphic-icon-tabler-send: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItc2VuZCIgdmlld0JveD0iMS42OCAyIDIwLjMyIDIwLjMyIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiPjwvcGF0aD48cGF0aCBkPSJNMTAgMTRsMTEgLTExIj48L3BhdGg+PHBhdGggZD0iTTIxIDNsLTYuNSAxOGEuNTUgLjU1IDAgMCAxIC0xIDBsLTMuNSAtN2wtNyAtMy41YS41NSAuNTUgMCAwIDEgMCAtMWwxOCAtNi41Ij48L3BhdGg+PC9zdmc+Cg==); --gishty-graphic-icon-tabler-share: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjIgMiAyMCAyMCI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NDE2XzE4NDMzKSI+CjxwYXRoIGQ9Ik0zIDEyQzMgMTIuNzk1NiAzLjMxNjA3IDEzLjU1ODcgMy44Nzg2OCAxNC4xMjEzQzQuNDQxMjkgMTQuNjgzOSA1LjIwNDM1IDE1IDYgMTVDNi43OTU2NSAxNSA3LjU1ODcxIDE0LjY4MzkgOC4xMjEzMiAxNC4xMjEzQzguNjgzOTMgMTMuNTU4NyA5IDEyLjc5NTYgOSAxMkM5IDExLjIwNDQgOC42ODM5MyAxMC40NDEzIDguMTIxMzIgOS44Nzg2OEM3LjU1ODcxIDkuMzE2MDcgNi43OTU2NSA5IDYgOUM1LjIwNDM1IDkgNC40NDEyOSA5LjMxNjA3IDMuODc4NjggOS44Nzg2OEMzLjMxNjA3IDEwLjQ0MTMgMyAxMS4yMDQ0IDMgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUgNkMxNSA2Ljc5NTY1IDE1LjMxNjEgNy41NTg3MSAxNS44Nzg3IDguMTIxMzJDMTYuNDQxMyA4LjY4MzkzIDE3LjIwNDQgOSAxOCA5QzE4Ljc5NTYgOSAxOS41NTg3IDguNjgzOTMgMjAuMTIxMyA4LjEyMTMyQzIwLjY4MzkgNy41NTg3MSAyMSA2Ljc5NTY1IDIxIDZDMjEgNS4yMDQzNSAyMC42ODM5IDQuNDQxMjkgMjAuMTIxMyAzLjg3ODY4QzE5LjU1ODcgMy4zMTYwNyAxOC43OTU2IDMgMTggM0MxNy4yMDQ0IDMgMTYuNDQxMyAzLjMxNjA3IDE1Ljg3ODcgMy44Nzg2OEMxNS4zMTYxIDQuNDQxMjkgMTUgNS4yMDQzNSAxNSA2WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1IDE4QzE1IDE4Ljc5NTYgMTUuMzE2MSAxOS41NTg3IDE1Ljg3ODcgMjAuMTIxM0MxNi40NDEzIDIwLjY4MzkgMTcuMjA0NCAyMSAxOCAyMUMxOC43OTU2IDIxIDE5LjU1ODcgMjAuNjgzOSAyMC4xMjEzIDIwLjEyMTNDMjAuNjgzOSAxOS41NTg3IDIxIDE4Ljc5NTYgMjEgMThDMjEgMTcuMjA0NCAyMC42ODM5IDE2LjQ0MTMgMjAuMTIxMyAxNS44Nzg3QzE5LjU1ODcgMTUuMzE2MSAxOC43OTU2IDE1IDE4IDE1QzE3LjIwNDQgMTUgMTYuNDQxMyAxNS4zMTYxIDE1Ljg3ODcgMTUuODc4N0MxNS4zMTYxIDE2LjQ0MTMgMTUgMTcuMjA0NCAxNSAxOFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjcwMDIgMTAuN0wxNS4zMDAyIDcuMjk5OTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjcwMDIgMTMuM0wxNS4zMDAyIDE2LjciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODQxNl8xODQzMyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=); --gishty-graphic-icon-tabler-table: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGFibGUiIHZpZXdCb3g9IjIgMiAyMCAyMCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTMgNWEyIDIgMCAwIDEgMiAtMmgxNGEyIDIgMCAwIDEgMiAydjE0YTIgMiAwIDAgMSAtMiAyaC0xNGEyIDIgMCAwIDEgLTIgLTJ2LTE0eiI+PC9wYXRoPjxwYXRoIGQ9Ik0zIDEwaDE4Ij48L3BhdGg+PHBhdGggZD0iTTEwIDN2MTgiPjwvcGF0aD48L3N2Zz4K); --gishty-graphic-icon-tabler-x: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXIteCIgdmlld0JveD0iNSA1IDE0IDE0Ij48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTggNmwtMTIgMTIiLz48cGF0aCBkPSJNNiA2bDEyIDEyIi8+PC9zdmc+); /** * Themes * */ --gishty-theme-00-color: #f6f1e3; --gishty-theme-01-color: #182b54; --gishty-theme-02-color: #ee8458; --gishty-theme-03-color: #496b59; --gishty-theme-04-color: #f0b84e; --gishty-theme-05-color: #3b79c1; --gishty-theme-06-color: #cfa16c; --gishty-theme-07-color: #151515; --gishty-theme-08-color: #e0beb1; --gishty-theme-09-color: #533c34; --gishty-theme-10-color: #ececec; --gishty-theme-11-color: #120b21; } /** * Admin pages * */ html[data-view-name$="AdminPage"] { --gishty-font-family-headline: 'Lato'; --gishty-font-family-body: 'Lato'; } /** * Themes * */ html[data-view-name="IndexRootPage"] { --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html[data-view-name="AboutRootPage"] { --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-00 { --gishty-theme-color: var(--gishty-theme-00-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-01 { --gishty-theme-color: var(--gishty-theme-01-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-02 { --gishty-theme-color: var(--gishty-theme-02-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-03 { --gishty-theme-color: var(--gishty-theme-03-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-04 { --gishty-theme-color: var(--gishty-theme-04-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-05 { --gishty-theme-color: var(--gishty-theme-05-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-06 { --gishty-theme-color: var(--gishty-theme-06-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-07 { --gishty-theme-color: var(--gishty-theme-07-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-08 { --gishty-theme-color: var(--gishty-theme-08-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-09 { --gishty-theme-color: var(--gishty-theme-09-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } html.theme-10 { --gishty-theme-color: var(--gishty-theme-10-color); --gishty-theme-text-color: var(--gishty-color-dark); --gishty-theme-text-color-o25: var(--gishty-color-dark-o25); --gishty-theme-text-color-o55: var(--gishty-color-dark-o55); --gishty-theme-text-color-o70: var(--gishty-color-dark-o70); } html.theme-11 { --gishty-theme-color: var(--gishty-theme-11-color); --gishty-theme-text-color: var(--gishty-color-light); --gishty-theme-text-color-o25: var(--gishty-color-light-o25); --gishty-theme-text-color-o55: var(--gishty-color-light-o55); --gishty-theme-text-color-o70: var(--gishty-color-light-o70); } /** * /static/css/shared/animations.css * */ @keyframes spinning { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .spinning { animation-name: spinning; animation-duration: 1250ms; animation-iteration-count: infinite; animation-timing-function: linear; } .spinning.spinning-4000ms { animation-duration: 4000ms; } @keyframes wave { 0% { transform: rotate(0deg); } 10% { transform: rotate(14deg); } 20% { transform: rotate(-8deg); } 30% { transform: rotate(14deg); } 40% { transform: rotate(-4deg); } 50% { transform: rotate(10deg); } 60% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } /** * /static/css/shared/fonts.css * */ @font-face { font-family: 'Archivo Narrow'; src: url('/static/fonts/Archivo_Narrow/ArchivoNarrow-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; } @font-face { font-family: 'Archivo Narrow'; src: url('/static/fonts/Archivo_Narrow/ArchivoNarrow-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; } @font-face { font-family: 'Piazzolla'; src: url('/static/fonts/Piazzolla/Piazzolla-VariableFont_opsz,wght.ttf') format('truetype'); font-weight: 100 900; font-stretch: normal; font-style: normal; } @font-face { font-family: 'Piazzolla'; src: url('/static/fonts/Piazzolla/Piazzolla-Italic-VariableFont_opsz,wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; } /** * /static/css/shared/graphics.css * */ /** * Colors * */ .graphic:not(img) { background-color: var(--gishty-color-dark); } .graphic:not(img).graphic-color-black { background-color: #000000; } .graphic:not(img).graphic-color-dark { background-color: var(--gishty-color-dark); } .graphic:not(img).graphic-color-dark-o07 { background-color: var(--gishty-color-dark-o07); } .graphic:not(img).graphic-color-dark-o12 { background-color: var(--gishty-color-dark-o12); } .graphic:not(img).graphic-color-dark-o25 { background-color: var(--gishty-color-dark-o25); } .graphic:not(img).graphic-color-dark-o40 { background-color: var(--gishty-color-dark-o40); } .graphic:not(img).graphic-color-dark-o55 { background-color: var(--gishty-color-dark-o55); } .graphic:not(img).graphic-color-dark-o70 { background-color: var(--gishty-color-dark-o70); } .graphic:not(img).graphic-color-dark-o85 { background-color: var(--gishty-color-dark-o85); } .graphic:not(img).graphic-color-light { background-color: var(--gishty-color-light); } .graphic:not(img).graphic-color-light-o07 { background-color: var(--gishty-color-light-o07); } .graphic:not(img).graphic-color-light-o12 { background-color: var(--gishty-color-light-o12); } .graphic:not(img).graphic-color-light-o25 { background-color: var(--gishty-color-light-o25); } .graphic:not(img).graphic-color-light-o40 { background-color: var(--gishty-color-light-o40); } .graphic:not(img).graphic-color-light-o55 { background-color: var(--gishty-color-light-o55); } .graphic:not(img).graphic-color-light-o70 { background-color: var(--gishty-color-light-o70); } .graphic:not(img).graphic-color-light-o85 { background-color: var(--gishty-color-light-o85); } .graphic:not(img).graphic-color-success-green { background-color: var(--gishty-color-success-green); } .graphic:not(img).graphic-color-error-red { background-color: var(--gishty-color-error-red); } /** * Properties * */ .graphic:not(img).original { background-color: transparent; background-size: contain; background-position: center center; background-repeat: no-repeat; } .graphic:not(img):not(.original) { -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /** * Size * */ .graphic:not(img).graphic-size-s20:not(.original) { -webkit-mask-size: 20% 20%; mask-size: 20% 20%; } .graphic:not(img).graphic-size-s25:not(.original) { -webkit-mask-size: 25% 25%; mask-size: 25% 25%; } .graphic:not(img).graphic-size-s30:not(.original) { -webkit-mask-size: 30% 30%; mask-size: 30% 30%; } .graphic:not(img).graphic-size-s35:not(.original) { -webkit-mask-size: 35% 35%; mask-size: 35% 35%; } .graphic:not(img).graphic-size-s40:not(.original) { -webkit-mask-size: 40% 40%; mask-size: 40% 40%; } .graphic:not(img).graphic-size-s45:not(.original) { -webkit-mask-size: 45% 45%; mask-size: 45% 45%; } .graphic:not(img).graphic-size-s50:not(.original) { -webkit-mask-size: 50% 50%; mask-size: 50% 50%; } .graphic:not(img).graphic-size-s55:not(.original) { -webkit-mask-size: 55% 55%; mask-size: 55% 55%; } .graphic:not(img).graphic-size-s60:not(.original) { -webkit-mask-size: 60% 60%; mask-size: 60% 60%; } .graphic:not(img).graphic-size-s65:not(.original) { -webkit-mask-size: 65% 65%; mask-size: 65% 65%; } .graphic:not(img).graphic-size-o70:not(.original) { -webkit-mask-size: 70% 70%; mask-size: 70% 70%; } .graphic:not(img).graphic-size-s75:not(.original) { -webkit-mask-size: 75% 75%; mask-size: 75% 75%; } .graphic:not(img).graphic-size-s80:not(.original) { -webkit-mask-size: 80% 80%; mask-size: 80% 80%; } .graphic:not(img).graphic-size-s85:not(.original) { -webkit-mask-size: 85% 85%; mask-size: 85% 85%; } .graphic:not(img).graphic-size-s90:not(.original) { -webkit-mask-size: 90% 90%; mask-size: 90% 90%; } .graphic:not(img).graphic-size-s95:not(.original) { -webkit-mask-size: 95% 95%; mask-size: 95% 95%; } .graphic:not(img).graphic-size-s100:not(.original) { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /** * Graphics (brands: custom) * */ .graphic:not(img).graphic-brand-custom-substack.original { background-image: var(--gishty-graphic-brand-custom-substack); } .graphic:not(img).graphic-brand-custom-substack:not(.original) { -webkit-mask-image: var(--gishty-graphic-brand-custom-substack); mask-image: var(--gishty-graphic-brand-custom-substack); } /** * Graphics (brands: tabler) * */ .graphic:not(img).graphic-brand-tabler-bluesky.original { background-image: var(--gishty-graphic-brand-tabler-bluesky); } .graphic:not(img).graphic-brand-tabler-bluesky:not(.original) { -webkit-mask-image: var(--gishty-graphic-brand-tabler-bluesky); mask-image: var(--gishty-graphic-brand-tabler-bluesky); } .graphic:not(img).graphic-brand-tabler-instagram.original { background-image: var(--gishty-graphic-brand-tabler-instagram); } .graphic:not(img).graphic-brand-tabler-instagram:not(.original) { -webkit-mask-image: var(--gishty-graphic-brand-tabler-instagram); mask-image: var(--gishty-graphic-brand-tabler-instagram); } .graphic:not(img).graphic-brand-tabler-linkedIn.original { background-image: var(--gishty-graphic-brand-tabler-linkedIn); } .graphic:not(img).graphic-brand-tabler-linkedIn:not(.original) { -webkit-mask-image: var(--gishty-graphic-brand-tabler-linkedIn); mask-image: var(--gishty-graphic-brand-tabler-linkedIn); } .graphic:not(img).graphic-brand-tabler-x.original { background-image: var(--gishty-graphic-brand-tabler-x); } .graphic:not(img).graphic-brand-tabler-x:not(.original) { -webkit-mask-image: var(--gishty-graphic-brand-tabler-x); mask-image: var(--gishty-graphic-brand-tabler-x); } /** * Graphics (clients) * */ .graphic:not(img).graphic-client-transparent-trimmed.original { background-image: var(--gishty-graphic-client-transparent-trimmed); } .graphic:not(img).graphic-client-transparent-trimmed:not(.original) { -webkit-mask-image: var(--gishty-graphic-client-transparent-trimmed); mask-image: var(--gishty-graphic-client-transparent-trimmed); } /** * Graphics (icons: custom) * */ .graphic:not(img).graphic-icon-custom-checkmark.original { background-image: var(--gishty-graphic-icon-custom-checkmark); } .graphic:not(img).graphic-icon-custom-checkmark:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-custom-checkmark); mask-image: var(--gishty-graphic-icon-custom-checkmark); } .graphic:not(img).graphic-icon-custom-eyes.original { background-image: var(--gishty-graphic-icon-custom-eyes); } .graphic:not(img).graphic-icon-custom-eyes:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-custom-eyes); mask-image: var(--gishty-graphic-icon-custom-eyes); } .graphic:not(img).graphic-icon-custom-magnifier-1.original { background-image: var(--gishty-graphic-icon-custom-magnifier-1); } .graphic:not(img).graphic-icon-custom-magnifier-1:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-custom-magnifier-1); mask-image: var(--gishty-graphic-icon-custom-magnifier-1); } .graphic:not(img).graphic-icon-custom-magnifier-2.original { background-image: var(--gishty-graphic-icon-custom-magnifier-2); } .graphic:not(img).graphic-icon-custom-magnifier-2:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-custom-magnifier-2); mask-image: var(--gishty-graphic-icon-custom-magnifier-2); } /** * Graphics (icons: tabler) * */ .graphic:not(img).graphic-icon-tabler-alert-circle.original { background-image: var(--gishty-graphic-icon-tabler-alert-circle); } .graphic:not(img).graphic-icon-tabler-alert-circle:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-alert-circle); mask-image: var(--gishty-graphic-icon-tabler-alert-circle); } .graphic:not(img).graphic-icon-tabler-bookmark-filled.original { background-image: var(--gishty-graphic-icon-tabler-bookmark-filled); } .graphic:not(img).graphic-icon-tabler-bookmark-filled:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-bookmark-filled); mask-image: var(--gishty-graphic-icon-tabler-bookmark-filled); } .graphic:not(img).graphic-icon-tabler-bookmark.original { background-image: var(--gishty-graphic-icon-tabler-bookmark); } .graphic:not(img).graphic-icon-tabler-bookmark:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-bookmark); mask-image: var(--gishty-graphic-icon-tabler-bookmark); } .graphic:not(img).graphic-icon-tabler-circle-check-filled.original { background-image: var(--gishty-graphic-icon-tabler-circle-check-filled); } .graphic:not(img).graphic-icon-tabler-circle-check-filled:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-circle-check-filled); mask-image: var(--gishty-graphic-icon-tabler-circle-check-filled); } .graphic:not(img).graphic-icon-tabler-circle-dotted.original { background-image: var(--gishty-graphic-icon-tabler-circle-dotted); } .graphic:not(img).graphic-icon-tabler-circle-dotted:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-circle-dotted); mask-image: var(--gishty-graphic-icon-tabler-circle-dotted); } .graphic:not(img).graphic-icon-tabler-circle-x.original { background-image: var(--gishty-graphic-icon-tabler-circle-x); } .graphic:not(img).graphic-icon-tabler-circle-x:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-circle-x); mask-image: var(--gishty-graphic-icon-tabler-circle-x); } .graphic:not(img).graphic-icon-tabler-clock-filled.original { background-image: var(--gishty-graphic-icon-tabler-clock-filled); } .graphic:not(img).graphic-icon-tabler-clock-filled:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-clock-filled); mask-image: var(--gishty-graphic-icon-tabler-clock-filled); } .graphic:not(img).graphic-icon-tabler-clock.original { background-image: var(--gishty-graphic-icon-tabler-clock); } .graphic:not(img).graphic-icon-tabler-clock:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-clock); mask-image: var(--gishty-graphic-icon-tabler-clock); } .graphic:not(img).graphic-icon-tabler-download.original { background-image: var(--gishty-graphic-icon-tabler-download); } .graphic:not(img).graphic-icon-tabler-download:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-download); mask-image: var(--gishty-graphic-icon-tabler-download); } .graphic:not(img).graphic-icon-tabler-headphones.original { background-image: var(--gishty-graphic-icon-tabler-headphones); } .graphic:not(img).graphic-icon-tabler-headphones:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-headphones); mask-image: var(--gishty-graphic-icon-tabler-headphones); } .graphic:not(img).graphic-icon-tabler-home.original { background-image: var(--gishty-graphic-icon-tabler-home); } .graphic:not(img).graphic-icon-tabler-home:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-home); mask-image: var(--gishty-graphic-icon-tabler-home); } .graphic:not(img).graphic-icon-tabler-info-circle-filled.original { background-image: var(--gishty-graphic-icon-tabler-info-circle-filled); } .graphic:not(img).graphic-icon-tabler-info-circle-filled:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-info-circle-filled); mask-image: var(--gishty-graphic-icon-tabler-info-circle-filled); } .graphic:not(img).graphic-icon-tabler-mail.original { background-image: var(--gishty-graphic-icon-tabler-mail); } .graphic:not(img).graphic-icon-tabler-mail:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-mail); mask-image: var(--gishty-graphic-icon-tabler-mail); } .graphic:not(img).graphic-icon-tabler-menu-2.original { background-image: var(--gishty-graphic-icon-tabler-menu-2); } .graphic:not(img).graphic-icon-tabler-menu-2:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-menu-2); mask-image: var(--gishty-graphic-icon-tabler-menu-2); } .graphic:not(img).graphic-icon-tabler-message.original { background-image: var(--gishty-graphic-icon-tabler-message); } .graphic:not(img).graphic-icon-tabler-message:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-message); mask-image: var(--gishty-graphic-icon-tabler-message); } .graphic:not(img).graphic-icon-tabler-pencil.original { background-image: var(--gishty-graphic-icon-tabler-pencil); } .graphic:not(img).graphic-icon-tabler-pencil:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-pencil); mask-image: var(--gishty-graphic-icon-tabler-pencil); } .graphic:not(img).graphic-icon-tabler-plus.original { background-image: var(--gishty-graphic-icon-tabler-plus); } .graphic:not(img).graphic-icon-tabler-plus:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-plus); mask-image: var(--gishty-graphic-icon-tabler-plus); } .graphic:not(img).graphic-icon-tabler-send.original { background-image: var(--gishty-graphic-icon-tabler-send); } .graphic:not(img).graphic-icon-tabler-send:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-send); mask-image: var(--gishty-graphic-icon-tabler-send); } .graphic:not(img).graphic-icon-tabler-share.original { background-image: var(--gishty-graphic-icon-tabler-share); } .graphic:not(img).graphic-icon-tabler-share:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-share); mask-image: var(--gishty-graphic-icon-tabler-share); } .graphic:not(img).graphic-icon-tabler-table.original { background-image: var(--gishty-graphic-icon-tabler-table); } .graphic:not(img).graphic-icon-tabler-table:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-table); mask-image: var(--gishty-graphic-icon-tabler-table); } .graphic:not(img).graphic-icon-tabler-x.original { background-image: var(--gishty-graphic-icon-tabler-x); } .graphic:not(img).graphic-icon-tabler-x:not(.original) { -webkit-mask-image: var(--gishty-graphic-icon-tabler-x); mask-image: var(--gishty-graphic-icon-tabler-x); } /** * /static/css/shared/pages.css * */ html, html > body, html > body * { box-sizing: border-box; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; } html > body { font-family: var(--gishty-font-family-body); font-weight: 400; } .wrapper { max-width: 1200px; padding: 0 var(--gishty-page-padding) 0 var(--gishty-page-padding); margin: 0 auto 0 auto; } html > body > main { padding: var(--gishty-header-height) 0 0 0; background-color: #ffffff; min-height: calc(100vh - 148px); } /** * Overflows * */ html > body > main { position: relative; z-index: 2; } html > body > header { position: relative; z-index: 2; } html > body > footer { position: relative; z-index: 2; } html > body > div.overflow { position: fixed; left: 0; right: 0; height: 50vh; z-index: 1; user-select: none; } html > body > div.overflow.top { top: 0; } html > body > div.overflow.bottom { bottom: 0; } /** * Firefox (to deal w/ changing while scrolling due to background-color changing) * * @see https://chatgpt.com/c/691a6906-2008-8332-bd8b-a733fcd8f5f4 */ html { /* scrollbar-color: auto !important;*/ /* scrollbar-width: auto !important;*/ /* scrollbar-color: auto !important;*/ } /** * /static/css/shared/pages.focus.css * * @see https://chatgpt.com/c/68f3bb40-6d84-832d-bd9e-038006d107f2 */ /** * :root * */ html.focus { background-color: #ffffff; min-height: 100vh; --gishty-gap-height: 64px; } html.focus > body { min-height: 100vh; } html.focus > body > main { padding: 0 0 0 0; min-height: calc(100vh - 20px - 32px - var(--gishty-gap-height) - 6px - var(--gishty-gap-height) - 14px - 30px); } html.focus > body > main > div.content { min-height: calc(100vh - 20px - 32px - var(--gishty-gap-height) - 6px - var(--gishty-gap-height) - 14px - 30px); } html.focus > body > main > div.content > div.wrapper { min-height: calc(100vh - 20px - 32px - var(--gishty-gap-height) - 6px - var(--gishty-gap-height) - 14px - 30px); } /** * header * */ html.focus > body > header { padding: 20px 0 0 0; margin: 0 0 var(--gishty-gap-height) 0; } html.focus > body > header > div.wrapper > a.logo { display: block; margin: 0 auto 0 auto; max-width: 124px; } html.focus > body > header > div.wrapper > a.logo > img { display: block; margin: 0 auto 0 auto; height: 32px; width: 100%; object-fit: contain; } /** * div.wrapper * */ html.focus > body > main > div.content > div.wrapper { min-width: 464px; margin: 0 auto 0 auto; max-width: 604px; padding: 0 60px 0 60px; display: flex; flex-direction: column; justify-content: center; position: relative; } html.focus > body > main > div.content > div.wrapper > header > div.media { height: 64px; width: 64px; } html.focus > body > main > div.content > div.wrapper > header > div.media > div.img { height: 100%; width: 100%; } html.focus > body > main > div.content > div.wrapper > header > div.media > div.img > img { height: 100%; display: block; } html.focus > body > main > div.content > div.wrapper > header > div.media > div.img > a > img { height: 100%; display: block; } html.focus > body > main > div.content > div.wrapper > header > div.headline > h1 { font-size: 36px; line-height: 38px; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); } html.focus > body > main > div.content > div.wrapper > div.body > form > div.copy > p.block { background-color: var(--gishty-color-beige); padding: 24px 24px 24px 24px; line-height: 1.30em; } html.focus > body > main > div.content > div.wrapper > div.body > form > div.copy > ul.block { background-color: var(--gishty-color-beige); padding: 24px 24px 24px calc(24px + 20px); line-height: 1.30em; list-style-type: disc; } html.focus > body > main > div.content > div.wrapper > div.body > form > div.copy > ul.block > li { line-height: 1.30em; padding: 0 0 4px 0; } html.focus > body > main > div.content > div.wrapper > div.body > form > div.copy > ul.block.outline { background-color: transparent; border: 1px solid var(--gishty-color-dark-o12); } html.focus > body > main > div.content > div.wrapper > div.body > form > div.fields > div.field.checkbox > div { float: left; padding: 0 0 0 8px; font-size: 14px; } html.focus > body > main > div.content > div.wrapper > div.body > form > div.fields > div.field.checkbox > div > a { color: var(--gishty-color-dark-o70); transition: color var(--gishty-duration-root); } html.focus > body > main > div.content > div.wrapper > div.body > form > div.fields > div.field.checkbox > div > a:hover { color: var(--gishty-color-dark); } html.focus > body > main > div.content > div.wrapper > div.body > form > div.actions > a.button { width: auto; max-width: none; } /** * [data-view-name="NewsletterSelectorComponent"] * */ html.focus > body > main > div.content > div.wrapper > div.body > div[data-view-name="NewsletterSelectorComponent"] > form > footer { background: transparent; padding: 0 0 0 0; } html.focus > body > main > div.content > div.wrapper > div.body > div[data-view-name="NewsletterSelectorComponent"] > form > footer > div.metadata { display: none; } html.focus > body > main > div.content > div.wrapper > div.body > div[data-view-name="NewsletterSelectorComponent"] > form > footer > div.actions { float: right; width: 50%; } html.focus > body > main > div.content > div.wrapper > div.body > div[data-view-name="NewsletterSelectorComponent"] > form > footer > div.actions > a.button { max-width: none; width: auto; float: right; height: 32px; line-height: 32px; } /** * div.secondary ... div.aux * */ html.focus > body > main > div.content > div.wrapper > div.body > form > div.aux > div.copy > p { line-height: 1.30em; font-size: 15.5px; color: var(--gishty-color-dark-o85); } /** * footer * */ html.focus > body > footer { height: 14px; margin: calc(var(--gishty-gap-height) + 6px) 0 30px 0; display: flex; align-items: center; justify-content: center; } html.focus > body > footer > a { display: inline-block; height: 14px; color: var(--gishty-color-dark-o70); font-size: 14px; transition: color var(--gishty-duration-root); margin: 0 8px 0 8px; } html.focus > body > footer > a:first-child { margin: 0 8px 0 0; } html.focus > body > footer > a:last-child { margin: 0 0 0 8px; } html.focus > body > footer > a:hover { color: var(--gishty-color-dark); } /** * Responsive * */ @media (max-width: 440px) { html.focus > body > main > div.content > div.wrapper { max-width: 100%; padding: var(--gishty-page-padding); min-width: auto; } } /** * /static/css/shared/pages.legal.css * */ html.legal > body > main > div.content > div.wrapper > div.copy > div.section { max-width: 640px; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .headline { padding: 0 0 4px 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .headline h3 { font-size: 21px; line-height: 29px; font-weight: 700; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text { font-size: 15.5px; line-height: 1.4em; padding: 0 0 24px 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > p { display: block; padding: 0 0 12px 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > p + ol, html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > p + ul { margin: -12px 0 0 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > ol { list-style-type: auto; padding: 12px 0 12px 28px; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > ul { list-style-type: disc; padding: 12px 0 12px 28px; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .text > ul > li { line-height: 24px; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .questions { background-color: #F5F4F2; padding: 16px 16px 16px 16px; /* margin: 0 0 24px 0;*/ margin: 0 0 36px 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .questions .question .headline { color: var(--gishty-color-dark); font-size: 19px; line-height: 1.30em; font-weight: 700; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .questions .question .body { font-size: 15.5px; line-height: 1.30em; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .questions .question { padding: 0 0 12px 0; } html.legal > body > main > div.content > div.wrapper > div.copy > div.section .questions .question:last-child { padding: 0 0 0 0; } /** * /static/css/shared/pages.split.css * * @see https://chatgpt.com/c/68f3bb40-6d84-832d-bd9e-038006d107f2 */ /** * :root * */ html.split { min-height: 100vh; } html.split > body { min-height: 100vh; } html.split > body > main { padding: 0 0 0 0; min-height: 100vh; } /** * div.primary * */ html.split > body > main > a.logo { position: absolute; left: 20px; top: 20px; width: 120px; display: block; z-index: 1; } html.split > body > main > a.logo > img { display: block; width: 100%; } html.split > body > main > div.primary { float: left; background-color: var(--gishty-color-beige); width: 66%; max-width: calc(100% - 464px); display: flex; flex-direction: column; position: relative; justify-content: center; min-height: 100vh; } html.split > body > main > div.primary > div.media { margin: 0 auto 0 auto; position: relative; min-width: 320px; max-width: 42%; max-height: 42%; } html.split > body > main > div.primary > div.media > div.img { } html.split > body > main > div.primary > div.media > div.img > img { display: block; padding: 24px 24px 24px 24px; width: 100%; } html.split > body > main > div.primary > div.media > div.credit { height: 18px; line-height: 18px; text-align: right; color: var(--gishty-color-dark-o55); font-size: 13px; } html.split > body > main > div.primary > div.media > div.credit > span.copy { display: inline-block; height: 18px; line-height: 18px; } html.split > body > main > div.primary > div.media > div.credit > a { color: var(--gishty-color-dark-o70); transition: color var(--gishty-duration-root); } html.split > body > main > div.primary > div.media > div.credit > a:hover { color: var(--gishty-color-dark); } html.split > body > main > div.primary > div.divider-line-vertical { position: absolute; top: 0; bottom: 0; right: 0; height: auto; transform: scaleX(-1); background-position: left; } /** * div.secondary * */ html.split > body > main > div.secondary { float: left; min-width: 464px; width: calc(100% - 66%); padding: 60px 60px 60px 60px; display: flex; flex-direction: column; justify-content: center; min-height: 100vh; position: relative; } html.split > body > main > div.secondary > header > div.headline > h1 { font-size: 38px; line-height: 38px; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); } html.split > body > main > div.secondary > div.body > form > div.copy > p.block { background-color: var(--gishty-color-beige); padding: 24px 24px 24px 24px; line-height: 1.30em; } html.split > body > main > div.secondary > div.body > form > div.fields > div.field.checkbox > div { float: left; font-size: 13px; } html.split > body > main > div.secondary > div.body > form > div.fields > div.field.checkbox > div.label { padding: 0 0 0 8px; } html.split > body > main > div.secondary > div.body > form > div.fields > div.field.checkbox > div > a { color: var(--gishty-color-dark-o70); transition: color var(--gishty-duration-root); } html.split > body > main > div.secondary > div.body > form > div.fields > div.field.checkbox > div > a:hover { color: var(--gishty-color-dark); } html.split > body > main > div.secondary > div.body > form > div.actions > a.button { min-width: 50%; /* float: left;*/ display: inline-block; width: auto; } /** * div.secondary ... div.aux * */ html.split > body > main > div.secondary > div.body > form > div.aux > div.copy > p { line-height: 1.30em; font-size: 14px; color: var(--gishty-color-dark-o85); } /** * div.secondary ... footer * */ html.split > body > main > div.secondary > footer { position: absolute; right: 60px; bottom: calc(60px / 2); left: 0; height: 14px; display: flex; align-items: center; justify-content: right; justify-content: left; left: 60px; right: 0; } html.split > body > main > div.secondary > footer > a { display: inline-block; color: var(--gishty-color-dark-o70); font-size: 14px; transition: color var(--gishty-duration-root); margin: 0 8px 0 8px; } html.split > body > main > div.secondary > footer > a:first-child { margin: 0 8px 0 0; } html.split > body > main > div.secondary > footer > a:last-child { margin: 0 0 0 8px; } html.split > body > main > div.secondary > footer > a:hover { color: var(--gishty-color-dark); } /** * Responsive * */ @media (max-width: 810px) { html.split > body > main > div.primary { display: none; } html.split > body > main > div.secondary { float: none; padding: var(--gishty-page-padding); width: 100%; min-width: auto; max-width: 440px; margin: 0 auto 0 auto; } } @media (max-width: 440px) { html.split > body > main > div.primary { display: none; } html.split > body > main > div.secondary { float: none; padding: var(--gishty-page-padding); width: 100%; min-width: auto; max-width: 440px; margin: 0 auto 0 auto; } } /** * /static/css/shared/buttons.css * */ /** * .button * */ .button { display: block; width: 100%; height: 32px; line-height: 32px; background-color: #ffffff; transition: all var(--gishty-duration-root); } .button > span.copy { display: block; width: 100%; height: 100%; text-transform: uppercase; text-align: center; padding: 0 24px 0 24px; font-size: 13px; letter-spacing: 1.25px; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); will-change: transform; } .button:not(.readonly):hover { transform: scale(1.02); } /** * .button.primary * */ .button.primary { background-color: var(--gishty-color-orange); } .button.primary > span.copy { color: #ffffff; } .button.primary:not(.readonly):hover { background-color: #B04530; outline: none; } /** * .button.primary.readonly * */ .button.primary.readonly { background-color: #EF8B79; cursor: not-allowed; } .button.primary.readonly > span.copy { pointer-events: none; } /** * .button.outline * */ .button.outline { border: 1px solid var(--gishty-color-dark-o12); } .button.outline:not(.readonly):hover { border-color: var(--gishty-color-dark-o25); } /** * .button.outline.readonly * */ .button.outline.readonly { border: 1px solid var(--gishty-color-dark-o07); cursor: not-allowed; } .button.outline.readonly > span.copy { color: var(--gishty-color-dark-o55); pointer-events: none; } /** * .button.primary.shadow * */ .button.primary.shadow { position: relative; } .button.primary.shadow::before { content: ''; display: block; position: absolute; height: 100%; width: 100%; right: -4px; bottom: -4px; background-color: transparent; border: 1px solid var(--gishty-color-orange); transition: all var(--gishty-duration-root); } .button.primary.shadow:not(.readonly):hover::before { border-color: #B04530; } /** * .button.primary.shadow.readonly * */ .button.primary.shadow.readonly { background-color: #EF8B79; cursor: not-allowed; } .button.primary.shadow.readonly::before { border: 1px solid #EF8B79; } .button.primary.shadow.readonly > span.copy { pointer-events: none; } /** * /static/css/shared/inputs.css * */ /** * (root) * */ input, textarea { margin: 0; padding: 0; border: none; font-family: var(--gishty-font-family-body); } input[type="email"], input[type="password"], input[type="text"], textarea { display: block; width: 100%; font-size: 14px; background-color: var(--gishty-color-dark-o07); border: 1px solid transparent; border-radius: 0; transition: all var(--gishty-duration-root); padding: 0 12px 0 12px; color: var(--gishty-color-dark); } input[type="email"]:active, input[type="password"]:active, input[type="text"]:active, textarea:active { border-color: var(--gishty-color-orange); outline: none; } input[type="email"]:focus-visible, input[type="password"]:focus-visible, input[type="text"]:focus-visible, textarea:focus-visible { border-color: var(--gishty-color-orange); background-color: var(--gishty-color-dark-o05); outline: none; } input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="text"]::placeholder, textarea::placeholder { color: var(--gishty-color-dark-o55); } input[type="email"], input[type="password"], input[type="text"] { height: 44px; line-height: 44px; } textarea { padding: 8px 12px 8px 12px; height: 144px; line-height: 22px; resize: none; } /** * Wrappers (.disabled) * */ div.input.disabled { cursor: not-allowed; } div.input.disabled input, div.input.disabled textarea { color: var(--gishty-color-dark-o55); pointer-events: none; } div.checkbox div.input.disabled + div.label { opacity: 0.60; cursor: not-allowed; } /** * Wrappers (.readonly) * */ div.input.readonly { cursor: not-allowed; } div.input.readonly input, div.input.readonly textarea { color: var(--gishty-color-dark-o55); pointer-events: none; } div.checkbox div.input.readonly + div.label { opacity: 0.60; cursor: not-allowed; } /** * select * */ select { background-color: var(--gishty-color-dark-o07); height: 44px; width: 100%; border-radius: 0; border: none; font-family: var(--gishty-font-family-body); padding-left: 8px; font-size: 14px; color: var(--gishty-color-dark-o55); } select:has(option:checked:not([value=""])) { color: var(--gishty-color-dark); } /** * /static/css/shared/common.css * * @see https://chatgpt.com/c/68dc5174-bfa4-8333-8cae-618369519a6a */ a { text-decoration: none; } p { display: block; } .clearfix::after { content: ''; clear: both; display: table; } :focus-visible { outline-offset: 4px; } [data-for] { cursor: default; } a.color-orange { color: var(--gishty-color-orange); } .flipped-x { transform: scaleX(-1); } .hidden { display: none; } .strong { font-weight: 700; } .em { font-style: italic; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .code { font-family: monospace; font-size: 12px; display: inline-block; padding: 0 4px 0 4px; background-color: #cccccc; border-radius: 4px 4px 4px 4px; } .hidden { display: none !important; } .truncate { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fs-italic { font-style: italic; } .outbound-symbol { position: relative; top: -4px; } .underlined { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } a.color-orange.underlined { transition: color var(--gishty-duration-root); } a.color-orange.underlined:hover { color: var(--gishty-color-dark); } /** * .divider-linke * */ .divider-line { height: 8px; background-image: url('/static/images/backgrounds/line.horizontal.svg'); width: 100%; background-repeat: no-repeat; background-size: cover; } .divider-line.flipped { transform: scaleY(-1); } .divider-line-vertical { width: 8px; background-image: url('/static/images/backgrounds/line.vertical.svg'); height: 100%; background-repeat: no-repeat; background-size: cover; } .divider-line-vertical.flipped { transform: scaleX(-1); } /** * .spacer * */ .spacer-2 { height: 2px; } .spacer-4 { height: 4px; } .spacer-8 { height: 8px; } .spacer-10 { height: 10px; } .spacer-12 { height: 12px; } .spacer-16 { height: 16px; } .spacer-18 { height: 18px; } .spacer-20 { height: 20px; } .spacer-22 { height: 22px; } .spacer-24 { height: 24px; } .spacer-26 { height: 26px; } .spacer-28 { height: 28px; } .spacer-30 { height: 30px; } .spacer-32 { height: 32px; } .spacer-34 { height: 34px; } .spacer-36 { height: 36px; } .spacer-38 { height: 38px; } .spacer-40 { height: 40px; } .spacer-48 { height: 48px; } .spacer-48 { height: 48px; } .spacer-56 { height: 56px; } .spacer-64 { height: 64px; } .spacer-72 { height: 72px; } .spacer-96 { height: 96px; } .spacer-128 { height: 128px; } /** * .hr * */ .hr-6 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 6px 0 6px 0; } .hr-8 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 8px 0 8px 0; } .hr-10 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 10px 0 10px 0; } .hr-12 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 12px 0 12px 0; } .hr-16 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 16px 0 16px 0; } .hr-18 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 18px 0 18px 0; } .hr-18.inverse { background-color: var(--gishty-color-light-o07); } .hr-20 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 20px 0 20px 0; } .hr-22 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 22px 0 22px 0; } .hr-24 { background-color: var(--gishty-color-dark-o07); height: 1px; margin: 24px 0 24px 0; } .dotted { height: 2px; background-color: transparent; border-bottom: 2px dotted var(--gishty-color-dark-o25); } /** * .height * */ .height-20 { height: 20px; line-height: 20px; } .height-22 { height: 22px; line-height: 22px; } .height-24 { height: 24px; line-height: 24px; } .height-26 { height: 26px; line-height: 26px; } .height-28 { height: 28px; line-height: 28px; } .height-30 { height: 30px; line-height: 30px; } .height-32 { height: 32px; line-height: 32px; } .height-34 { height: 34px; line-height: 34px; } .height-36 { height: 36px; line-height: 36px; } .height-40 { height: 40px; line-height: 40px; } .height-44 { height: 44px; line-height: 44px; } .height-48 { height: 48px; line-height: 48px; } .height-50 { height: 50px; line-height: 50px; } .height-56 { height: 56px; line-height: 56px; } /** * Break points * */ .bp-gt-820 { display: none; } @media only screen and (min-width: 820px) { .bp-gt-820 { display: block; } } /** * /static/css/shared/hero.css * */ /** * :root * */ div.hero { position: relative; top: calc(0px - var(--gishty-header-height)); padding: var(--gishty-header-height) 0 0 0; background-color: var(--gishty-color-beige); } div.hero > div.wrapper > div.primary { height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; gap: 12px; min-height: 100px; } /** * div.breadcrumbs * */ div.hero > div.wrapper > div.primary > header > div.breadcrumbs { font-size: 14px; line-height: 20px; } div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a { height: 20px; line-height: 20px; transition: color var(--gishty-duration-root); color: var(--gishty-color-dark-o70); } div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a:hover { color: var(--gishty-color-dark); } div.hero > div.wrapper > div.primary > header > div.breadcrumbs > span.divider { padding: 0 8px 0 8px; color: var(--gishty-color-dark-o25); } /** * h1 * */ div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: clamp(42px, calc(100vw / 12), 72px); line-height: 1.10em; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /** * p * */ div.hero > div.wrapper > div.primary > div.body > div.copy > p { font-size: 20px; line-height: 28px; color: var(--gishty-color-dark); opacity: 0.85; } /** * div.secondary * */ div.hero > div.wrapper > div.secondary { float: left; width: 50%; height: 100%; position: relative; } /** * Responsive * */ @media (max-width: 810px) { div.hero > div.wrapper > div.primary > header > div.headline > h1 { } } @media (max-width: 440px) { div.hero > div.wrapper > div.primary > header > div.headline > h1 { } } /** * /static/css/shared/roles.css * * Not a great approach. Look into chat below re:alternative methods that don't * attempt to resolve the issue with the display CSS property. * * @see https://chatgpt.com/c/6959de95-b7f8-8329-93cd-a7e9897e3139 */ html[data-roles] > body [data-roles] { display: none; } html[data-roles~="guest"] > body [data-roles~="guest"] { display: block; } html[data-roles~="user"] > body [data-roles~="user"] { display: block; } html[data-roles~="free"] > body [data-roles~="free"] { display: block; } html[data-roles~="vip"] > body [data-roles~="vip"] { display: block; } html[data-roles~="admin"] > body [data-roles~="admin"] { display: block; } html[data-roles~="root"] > body [data-roles~="root"] { display: block; } /** * /static/css/shared/scrollbars.css * */ html body *::-webkit-scrollbar { -webkit-appearance: none; width: var(--gishty-scrollbar-width); background-color: transparent; border-radius: 100px 100px 100px 100px; } html body *::-webkit-scrollbar-thumb { border-radius: 100px 100px 100px 100px; background-color: var(--gishty-color-scrollbar-thumb); } html body *::-webkit-scrollbar-thumb:hover { background-color: var(--gishty-color-scrollbar-thumb-hover); } html body *:hover::-webkit-scrollbar-thumb { display: block; } /** * /static/css/shared/triggers.css * */ /** * :root * */ .trigger { /* color: var(--gishty-color-orange);*/ text-decoration: underline; /* text-decoration-color: currentColor;*/ text-decoration-color: var(--gishty-color-orange) !important; color: inherit; text-underline-offset: 2px; text-decoration-thickness: 2px; text-decoration-style: dotted; cursor: help; transition: color var(--gishty-duration-root); } .trigger:hover { color: var(--gishty-color-dark); } /** * /static/css/components/interviews/about.css * */ div[data-view-name="InterviewAboutComponent"] { line-height: 1.30em; font-size: 17px; padding: 0 16px 0 0; } div[data-view-name="InterviewAboutComponent"] > div.body > p { padding: 0 0 16px 0; font-size: 19px; line-height: 1.40em; } /** * /static/css/components/interviews/row.css * */ div[data-view-name="InterviewRowComponent"]:not(:last-child) { margin: 0 0 16px 0; } div[data-view-name="InterviewRowComponent"] > a { color: var(--gishty-color-dark); } div[data-view-name="InterviewRowComponent"] > a > header { padding: 0 0 4px 0; } div[data-view-name="InterviewRowComponent"] > a > header > div.headline { font-size: 21px; line-height: 30px; font-weight: 600; } div[data-view-name="InterviewRowComponent"] > a > header > div.publishedTimestamp { font-size: 14px; font-weight: 400; line-height: 19px; opacity: 0.70; } div[data-view-name="InterviewRowComponent"] > a > div.body > div.lede { font-size: 16px; font-weight: 500; line-height: 19px; } /** * /static/css/components/issues/banner.css * */ [data-view-name="IssueBannerComponent"] { background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 20%, rgba(255, 255, 255, 1.00) 100% ); position: absolute; height: 282px; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } [data-view-name="IssueBannerComponent"] > div.body > div.copy { font-size: 24px; line-height: 28px; } [data-view-name="IssueBannerComponent"] > div.body > div.copy > p > a { height: 28px; line-height: 28px; } /** * Responsive * */ @media (max-width: 810px) { [data-view-name="IssueBannerComponent"] { height: 392px; } } /** * /static/css/components/issues/block.css * * @see https://chatgpt.com/c/68da208a-b94c-8333-a421-999d91e53c73 */ [data-view-name="IssueBlockComponent"] { height: 400px; padding: 32px 32px 32px 32px; position: relative; opacity: 0.98; transition: transform var(--gishty-duration-root), opacity var(--gishty-duration-root); min-width: 0; container-name: IssueBlockComponent; container-type: inline-size; } [data-view-name="IssueBlockComponent"]:hover { opacity: 1.00; transform: scale(1.03); } [data-view-name="IssueBlockComponent"] > header > div.headline > h3 { font-size: 30px; line-height: 36px; letter-spacing: 0.50px; text-align: center; font-family: var(--gishty-font-family-headline); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-view-name="IssueBlockComponent"] > div.publishedWrapper { position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; background-color: rgba(0, 0, 0, 0.20); border-radius: 4px 4px 4px 4px; } [data-view-name="IssueBlockComponent"] > div.publishedWrapper > div.graphic { width: 24px; height: 24px; background-color: #ffffff; } [data-view-name="IssueBlockComponent"] > div.body > div.media { height: 160px; } [data-view-name="IssueBlockComponent"] > div.body > div.media > div.img { height: 100%; } [data-view-name="IssueBlockComponent"] > div.body > div.media > div.img > img { height: 100%; display: block; margin: 0 auto 0 auto; } [data-view-name="IssueBlockComponent"] > footer > div.actions { position: absolute; bottom: 32px; right: 32px; left: 32px; } [data-view-name="IssueBlockComponent"] > footer > div.actions > div.issueNumber { font-family: var(--gishty-font-family-headline); font-size: 12px; line-height: 16px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; float: left; padding: 4px 8px 4px 8px; } [data-view-name="IssueBlockComponent"] > footer > div.actions > div.anchor { float: right; height: 26px; line-height: 26px; } [data-view-name="IssueBlockComponent"] > footer > div.actions > div.anchor > span.copy { display: inline-block; font-size: 16px; line-height: 26px; opacity: 0.80; transition: opacity var(--gishty-duration-root); } [data-view-name="IssueBlockComponent"] > footer > div.actions > div.anchor:hover > span.copy { opacity: 1.00; } /** * Themes (specific) * */ [data-view-name="IssueBlockComponent"].theme-00 { background-color: var(--gishty-theme-00-color); } [data-view-name="IssueBlockComponent"].theme-01 { background-color: var(--gishty-theme-01-color); } [data-view-name="IssueBlockComponent"].theme-02 { background-color: var(--gishty-theme-02-color); } [data-view-name="IssueBlockComponent"].theme-03 { background-color: var(--gishty-theme-03-color); } [data-view-name="IssueBlockComponent"].theme-04 { background-color: var(--gishty-theme-04-color); } [data-view-name="IssueBlockComponent"].theme-05 { background-color: var(--gishty-theme-05-color); } [data-view-name="IssueBlockComponent"].theme-06 { background-color: var(--gishty-theme-06-color); } [data-view-name="IssueBlockComponent"].theme-07 { background-color: var(--gishty-theme-07-color); } [data-view-name="IssueBlockComponent"].theme-08 { background-color: var(--gishty-theme-08-color); } [data-view-name="IssueBlockComponent"].theme-09 { background-color: var(--gishty-theme-09-color); } [data-view-name="IssueBlockComponent"].theme-10 { background-color: var(--gishty-theme-10-color); } [data-view-name="IssueBlockComponent"].theme-11 { background-color: var(--gishty-theme-11-color); } /** * Themes (light) * */ [data-view-name="IssueBlockComponent"].theme-light-background > header > div.headline > h3 { color: var(--gishty-color-dark); } [data-view-name="IssueBlockComponent"].theme-light-background > footer > div.actions > div.issueNumber { color: var(--gishty-color-dark-o70); border: 1px solid var(--gishty-color-dark-o12); } [data-view-name="IssueBlockComponent"].theme-light-background > footer > div.actions > div.anchor > span.copy { color: var(--gishty-color-dark); } [data-view-name="IssueBlockComponent"].theme-light-background > footer > div.actions > div.anchor > span.symbol { color: var(--gishty-color-dark); } /** * Themes (dark) * */ [data-view-name="IssueBlockComponent"].theme-dark-background > header > div.headline > h3 { color: var(--gishty-color-light); } [data-view-name="IssueBlockComponent"].theme-dark-background > footer > div.actions > div.issueNumber { color: var(--gishty-color-light-o70); border: 1px solid var(--gishty-color-light-o12); } [data-view-name="IssueBlockComponent"].theme-dark-background > footer > div.actions > div.anchor > span.copy { color: var(--gishty-color-light); } [data-view-name="IssueBlockComponent"].theme-dark-background > footer > div.actions > div.anchor > span.symbol { color: var(--gishty-color-light); } /** * Asset removal * */ [data-view-name="IssueBlockComponent"] { height: 288px; } [data-view-name="IssueBlockComponent"] > header { height: calc(288px - 32px - 26px - 32px); padding: 0 0 12px 0; } [data-view-name="IssueBlockComponent"] > header > div.headline { height: 100%; } [data-view-name="IssueBlockComponent"] > header > div.headline > h3 { height: 100%; display: flex; align-items: center; justify-content: center; font-size: 13cqi; line-height: 1.20em; word-break: break-word; /* display: -webkit-box;*/ /* -webkit-line-clamp: 3;*/ /* -webkit-box-orient: vertical; */ } [data-view-name="IssueBlockComponent"] > div.body { display: none; } /** * /static/css/components/issues/blocks.css * */ [data-view-name="IssueBlocksComponent"] { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px 16px; position: relative; } [data-view-name="IssueBlocksComponent"] > div.banner { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 80%, rgba(255, 255, 255, 1.00) 100% ); position: absolute; height: 200px; pointer-events: none; /* Handles transform: scale(x) on .issues */ bottom: -10px; right: -10px; left: -10px; } [data-view-name="IssueBlocksComponent"] > div.banner > div.body { height: 100%; } [data-view-name="IssueBlocksComponent"] > div.banner > div.body > div.copy { height: 100%; } [data-view-name="IssueBlocksComponent"] > div.banner > div.body > div.copy > a { pointer-events: auto; text-align: center; font-size: 20px; height: 28px; line-height: 28px; position: absolute; left: 0; right: 0; bottom: 8px; width: 200px; display: block; margin: 0 auto 0 auto; } [data-view-name="IssueBlocksComponent"] > div.banner > div.body > div.copy > a > span.copy { height: 28px; line-height: 28px; } [data-view-name="IssueBlocksComponent"] > div.banner > div.body > div.copy > a > span.symbol { display: inline-block; height: 28px; line-height: 28px; } /** * Responsive * */ @media (max-width: 1136px) { [data-view-name="IssueBlocksComponent"] { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 810px) { [data-view-name="IssueBlocksComponent"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 572px) { [data-view-name="IssueBlocksComponent"] { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 440px) { [data-view-name="IssueBlocksComponent"] { grid-template-columns: repeat(1, 1fr); } } /** * /static/css/components/issues/contribute.css * */ [data-view-name="IssueContributeComponent"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } [data-view-name="IssueContributeComponent"] > header > div.headline { font-size: 23px; line-height: 24px; } [data-view-name="IssueContributeComponent"] > div.body > div.copy > p, [data-view-name="IssueContributeComponent"] > div.body > div.copy > ol, [data-view-name="IssueContributeComponent"] > div.body > div.copy > ul { font-size: 16px; line-height: 22px; } [data-view-name="IssueContributeComponent"] > div.body > div.copy > ul { list-style-type: disc; padding-left: 20px; } [data-view-name="IssueContributeComponent"] > div.body > div.copy > ul > li { /* line-height: 28px;*/ line-height: 1.50em; } [data-view-name="IssueContributeComponent"] > div.body > div.actions > a { display: block; width: 320px; max-width: 100%; float: left; height: 40px; line-height: 40px; } [data-view-name="IssueContributeComponent"] > div.body > div.actions > a > span { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * /static/css/components/issues/sources.css * */ [data-view-name="IssueSourcesComponent"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } /** * header * */ [data-view-name="IssueSourcesComponent"] > header > div.headline { font-size: 23px; line-height: 24px; } /** * .body * */ [data-view-name="IssueSourcesComponent"] > div.body > div.copy > p, [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul { font-size: 16px; line-height: 22px; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.media { float: left; height: 80px; width: 80px; margin: 0 8px 0 0; padding: 6px 0 0 0; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.media > div.img { height: 100%; width: 100%; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.media > div.img > img { max-height: 100%; max-width: 100%; display: block; margin: 0 auto 0 auto; border-radius: 4px 4px 4px 4px; background-color: #ffffff; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content { float: left; width: calc(100% - 80px - 8px); } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div { line-height: 20px; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div.title { height: 20px; font-size: 14px; letter-spacing: 0.15px; font-weight: 600; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div.description { font-size: 14px; color: var(--gishty-color-dark-o70); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div.url { display: block; font-size: 12px; height: 18px; line-height: 18px; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div.url > a { display: block; float: left; max-width: calc(100% - 20px); height: 18px; line-height: 18px; } [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content > div.url > span.copy { display: block; float: left; width: 20px; height: 18px; line-height: 18px; } /** * Removing media * */ [data-view-name="IssueSourcesComponent"] > div.body > div.items > ul > li > div.content { width: calc(100% - 8px); } /** * /static/css/components/modals/base.css * * @see https://stackoverflow.com/questions/61785743/how-to-animate-backdrop-filter */ [data-view-name$="ModalComponent"] { container-name: ModalComponent; container-type: inline-size; } [data-view-name$="ModalComponent"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 40; /* transition: backdrop-filter var(--gishty-duration-modal), opacity var(--gishty-duration-modal), background-color var(--gishty-duration-modal);*/ backdrop-filter: blur(1.5px) opacity(0.00); opacity: 0.00; background-color: rgba(0, 0, 0, 0.00); pointer-events: none; } [data-view-name$="ModalComponent"]:not(.animate-false) { transition: backdrop-filter var(--gishty-duration-modal), opacity var(--gishty-duration-modal), background-color var(--gishty-duration-modal); } /** * .content * */ [data-view-name$="ModalComponent"] > div.content { width: clamp(120px, 256px, 90%); padding: 32px 32px 32px 32px; background-color: #ffffff; border-radius: 4px 4px 4px 4px; box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a; transform: scale(0.96); /* transition: transform var(--gishty-duration-modal);*/ } [data-view-name$="ModalComponent"]:not(.animate-false) > div.content { transition: transform var(--gishty-duration-modal); } /** * .close * */ [data-view-name$="ModalComponent"] > div.content > header > div.close { position: absolute; width: 28px; height: 28px; transform: scale(0.52); cursor: pointer; right: 0; top: 0; opacity: 0.60; transition: transform var(--gishty-duration-root), opacity var(--gishty-duration-root); } [data-view-name$="ModalComponent"] > div.content > header > div.close > div.graphic { width: 28px; height: 28px; } [data-view-name$="ModalComponent"] > div.content > header > div.close:hover { transform: rotate(90deg) scale(0.60); opacity: 0.92; } /** * .media * */ [data-view-name$="ModalComponent"] > div.content > header > div.media { width: 48px; height: 48px; margin: 0 auto 0 auto; } [data-view-name$="ModalComponent"] > div.content > header > div.media > div.graphic { width: 48px; height: 48px; } /** * .headline * */ [data-view-name$="ModalComponent"] > div.content > header > div.headline { font-weight: 600; font-size: 18px; line-height: 24px; } /** * .copy * */ [data-view-name$="ModalComponent"] > div.content > div.body > div.copy > p { display: block; font-size: 14px; line-height: 20px; } /** * States (open) * */ [data-view-name$="ModalComponent"].open { background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(1.5px) opacity(1.00); opacity: 1.00; pointer-events: auto; } [data-view-name$="ModalComponent"].open > div.content { transform: scale(1.00); } /** * Responsive * */ @container ModalComponent (max-width: 560px) { [data-view-name$="ModalComponent"] > div.content { padding: 24px 24px 24px 24px; } } /** * /static/css/components/modals/alert.css * */ [data-view-name="AlertModalComponent"] > div.content { width: clamp(120px, 456px, 90%); text-align: left; } [data-view-name="AlertModalComponent"] > div.content > header div.media { margin: 0 0 0 0; } [data-view-name="AlertModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 36px; } [data-view-name="AlertModalComponent"] > div.content > div.body > div.copy > p { font-size: 17px; line-height: 24px; } [data-view-name="AlertModalComponent"] > div.content > div.body > div.actions > a.button { max-width: 40%; } /** * /static/css/components/modals/busy.css * */ [data-view-name="BusyModalComponent"] > div.content { width: clamp(120px, 264px, 90%); text-align: center; padding: 48px 32px 48px 32px; } [data-view-name="BusyModalComponent"] > div.content > header > div.headline { color: var(--gishty-color-dark-o70); } /** * /static/css/components/modals/comingSoon.css * * @see https://dribbble.com/shots/6601643-Coming-Soon-DailyUI-048 */ [data-view-name="ComingSoonModalComponent"] > div.content { background-color: #191714; width: clamp(120px, 320px, 90%); text-align: center; padding: 48px 32px 48px 32px; background-image: url('/static/images/backgrounds/subtle-wavy-line-pattern-with-gentle-flow-1024x1024-png.png'); background-repeat: repeat; background-size: contain; background-position: center center; } [data-view-name="ComingSoonModalComponent"] > div.content::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.86); border-radius: 4px 4px 4px 4px; } [data-view-name="ComingSoonModalComponent"] > div.content > header > div.close { z-index: 41; } [data-view-name="ComingSoonModalComponent"] > div.content > header > div.headline { position: relative; z-index: 41; font-size: 26px; line-height: 1.30em; color: var(--gishty-color-light); } [data-view-name="ComingSoonModalComponent"] > div.content > div.body { position: relative; z-index: 41; } [data-view-name="ComingSoonModalComponent"] > div.content > div.body > div.copy > p { color: var(--gishty-color-light); font-size: 19px; line-height: 1.4em; } /** * /static/css/components/modals/confirm.css * */ [data-view-name$="ConfirmModalComponent"] > div.content { width: clamp(120px, 424px, 90%); text-align: left; } [data-view-name$="ConfirmModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 36px; } [data-view-name$="ConfirmModalComponent"] > div.content > div.body > div.copy > p { font-size: 17px; line-height: 24px; } [data-view-name$="ConfirmModalComponent"] > div.content > div.body > div.actions { display: flex; justify-content: flex-end; } [data-view-name$="ConfirmModalComponent"] > div.content > div.body > div.actions > a.button { max-width: 40%; } [data-view-name$="ConfirmModalComponent"] > div.content > div.body > div.actions > a.button:first-child { margin: 0 12px 0 0; } /** * /static/css/components/modals/error.css * */ [data-view-name="ErrorModalComponent"] > div.content { width: clamp(120px, 424px, 90%); text-align: left; } [data-view-name="ErrorModalComponent"] > div.content > header div.media { margin: 0 0 0 0; } [data-view-name="ErrorModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 36px; } [data-view-name="ErrorModalComponent"] > div.content > div.body > div.copy > p { font-size: 17px; line-height: 24px; } [data-view-name="ErrorModalComponent"] > div.content > div.body > div.actions > a.button { max-width: 40%; } /** * /static/css/components/modals/postMarkdown.css * */ [data-view-name="PostMarkdownModalComponent"] > div.content { width: clamp(120px, 456px, 90%); text-align: left; width: 80%; /* height: 80%;*/ height: 90%; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body { height: calc(100% - 48px); } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body > div.fields { float: left; width: 49%; height: 100%; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body > div.fields > div.field { height: 100%; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body > div.fields > div.field > div.input { height: 100%; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body > div.fields > div.field > div.input > textarea { height: 100%; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.body > div.preview { float: right; width: 49%; height: 100%; overflow: auto; zoom: 0.76; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.actions { padding: 16px 0 0 0; } [data-view-name="PostMarkdownModalComponent"] > div.content > div.actions > a.button { max-width: 120px; float: right; } /** * /static/css/components/modals/success.css * */ [data-view-name="SuccessModalComponent"] > div.content { width: clamp(120px, 424px, 90%); text-align: left; } [data-view-name="SuccessModalComponent"] > div.content > header div.media { margin: 0 0 0 0; } [data-view-name="SuccessModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 36px; } [data-view-name="SuccessModalComponent"] > div.content > div.body > div.copy > p { font-size: 17px; line-height: 24px; } [data-view-name="SuccessModalComponent"] > div.content > div.body > div.actions > a.button { max-width: 40%; } /** * /static/css/components/modals/testimonial.css * */ [data-view-name="TestimonialModalComponent"] > div.content { width: clamp(120px, 424px, 90%); text-align: left; } [data-view-name="TestimonialModalComponent"] > div.content > header div.media { margin: 0 0 0 0; } [data-view-name="TestimonialModalComponent"] > div.content > header div.media div.thumbnail { width: 48px; height: 48px; border-radius: 100px 100px 100px 100px; background-repeat: no-repeat; background-position: center center; background-size: contain; } [data-view-name="TestimonialModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 36px; } [data-view-name="TestimonialModalComponent"] > div.content > header > div.location { font-size: 14px; line-height: 1.40em; letter-spacing: 0.25px; color: var(--gishty-color-dark-o55); } [data-view-name="TestimonialModalComponent"] > div.content > div.body > div.copy > p { font-size: 17px; line-height: 24px; } [data-view-name="TestimonialModalComponent"] > div.content > div.body > div.timestamp { font-size: 14px; line-height: 1.40em; color: var(--gishty-color-dark-o70); text-align: right; } [data-view-name="TestimonialModalComponent"] > div.content > div.body > div.actions > a.button { max-width: 40%; margin: 0 auto 0 auto; } /** * /static/css/components/modals/textarea.css * */ [data-view-name="TextareaModalComponent"] > div.content { text-align: left; width: 60%; height: 80%; } [data-view-name="TextareaModalComponent"] > div.content > div.body { height: calc(100% - 48px); } [data-view-name="TextareaModalComponent"] > div.content > div.body > div.fields { width: 100%; height: 100%; } [data-view-name="TextareaModalComponent"] > div.content > div.body > div.fields > div.field { height: 100%; } [data-view-name="TextareaModalComponent"] > div.content > div.body > div.fields > div.field > div.input { height: 100%; } [data-view-name="TextareaModalComponent"] > div.content > div.body > div.fields > div.field > div.input > textarea { height: 100%; } [data-view-name="TextareaModalComponent"] > div.content > div.actions { padding: 16px 0 0 0; } [data-view-name="TextareaModalComponent"] > div.content > div.actions > a.button { max-width: 120px; float: right; } /** * /static/css/components/modals/ticket.css * */ [data-view-name="TicketModalComponent"] > div.content { width: clamp(120px, 480px, 90%); } [data-view-name="TicketModalComponent"] > div.content > header { text-align: center; } [data-view-name="TicketModalComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 1.30em; letter-spacing: 0.25px; text-align: left; } [data-view-name="TicketModalComponent"] > div.content > div.body > div.copy > p { font-size: 16px; line-height: 24px; } [data-view-name="TicketModalComponent"] > div.content > div.body > form > div.actions > a.button { float: right; margin: 0 8px 0 0; width: auto; } /** * /static/css/components/modals/userBlocked.css * */ [data-view-name="UserBlockedModalComponent"] > div.content { background-color: #191714; width: clamp(120px, 320px, 90%); text-align: center; padding: 48px 32px 48px 32px; background-image: url('/static/images/backgrounds/subtle-wavy-line-pattern-with-gentle-flow-1024x1024-png.png'); background-repeat: repeat; background-size: contain; background-position: center center; } [data-view-name="UserBlockedModalComponent"] > div.content::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.86); border-radius: 4px 4px 4px 4px; } [data-view-name="UserBlockedModalComponent"] > div.content > header > div.close { z-index: 41; } [data-view-name="UserBlockedModalComponent"] > div.content > header > div.headline { position: relative; z-index: 41; font-size: 26px; line-height: 1.30em; color: var(--gishty-color-light); } [data-view-name="UserBlockedModalComponent"] > div.content > div.body { position: relative; z-index: 41; } [data-view-name="UserBlockedModalComponent"] > div.content > div.body > div.copy > p { color: var(--gishty-color-light); font-size: 19px; line-height: 1.4em; } [data-view-name="UserBlockedModalComponent"] > div.content > div.body > div.copy > p > a { color: var(--gishty-color-orange-o90); transition: color var(--gishty-duration-root); } [data-view-name="UserBlockedModalComponent"] > div.content > div.body > div.copy > p > a:hover { color: var(--gishty-color-orange); } /** * /static/css/components/modals/vipBlocked.css * */ [data-view-name="VIPBlockedModalComponent"] > div.content { background-color: #191714; width: clamp(120px, 320px, 90%); text-align: center; padding: 48px 32px 48px 32px; background-image: url('/static/images/backgrounds/subtle-wavy-line-pattern-with-gentle-flow-1024x1024-png.png'); background-repeat: repeat; background-size: contain; background-position: center center; } [data-view-name="VIPBlockedModalComponent"] > div.content::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.86); border-radius: 4px 4px 4px 4px; } [data-view-name="VIPBlockedModalComponent"] > div.content > header > div.close { z-index: 41; } [data-view-name="VIPBlockedModalComponent"] > div.content > header > div.headline { position: relative; z-index: 41; font-size: 26px; line-height: 1.30em; color: var(--gishty-color-light); } [data-view-name="VIPBlockedModalComponent"] > div.content > div.body { position: relative; z-index: 41; } [data-view-name="VIPBlockedModalComponent"] > div.content > div.body > div.copy > p { color: var(--gishty-color-light); font-size: 19px; line-height: 1.4em; } [data-view-name="VIPBlockedModalComponent"] > div.content > div.body > div.copy > p > a { color: var(--gishty-color-orange-o90); transition: color var(--gishty-duration-root); } [data-view-name="VIPBlockedModalComponent"] > div.content > div.body > div.copy > p > a:hover { color: var(--gishty-color-orange); } /** * /static/css/components/newsletters/contribute.css * */ [data-view-name="NewsletterContributeComponent"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } [data-view-name="NewsletterContributeComponent"] > header > div.headline { font-size: 23px; line-height: 24px; } [data-view-name="NewsletterContributeComponent"] > div.body > div.copy > p, [data-view-name="NewsletterContributeComponent"] > div.body > div.copy > ol, [data-view-name="NewsletterContributeComponent"] > div.body > div.copy > ul { font-size: 16px; line-height: 22px; } [data-view-name="NewsletterContributeComponent"] > div.body > div.copy > ul { list-style-type: disc; padding-left: 20px; } [data-view-name="NewsletterContributeComponent"] > div.body > div.copy > ul > li { /* line-height: 28px;*/ line-height: 1.50em; } [data-view-name="NewsletterContributeComponent"] > div.body > div.actions > a { display: block; width: 320px; max-width: 100%; float: left; height: 40px; line-height: 40px; } [data-view-name="NewsletterContributeComponent"] > div.body > div.actions > a > span { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * /static/css/components/newsletters/interviews.css * */ [data-view-name="NewsletterInterviewsComponent"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } [data-view-name="NewsletterInterviewsComponent"] > header > div.headline { font-size: 23px; line-height: 24px; } [data-view-name="NewsletterInterviewsComponent"] > div.body > div.copy > p { font-size: 16px; line-height: 22px; } /** * /static/css/components/newsletters/selector.css * * @see https://chatgpt.com/c/690f5c4c-15fc-832e-90a6-f9f6545d472a */ [data-view-name="NewsletterSelectorComponent"] { container-name: NewsletterSelectorComponent; container-type: inline-size; } /** * div.newsletters > div.newsletter * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter { background-color: var(--gishty-color-beige); max-height: 324px; padding: 32px 32px 32px 32px; border: 1px solid transparent; cursor: pointer; transition: border var(--gishty-duration-root); user-select: none; float: left; margin: 0 16px 0 0; width: calc((100% - 16px - 16px) / 3); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter:last-child { margin: 0 0 0 0; } /** * div.newsletters ... header * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.media { height: 64px; width: 64px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.media > div.img { height: 100%; width: 100%; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.media > div.img > img { height: 100%; display: block; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.headline { font-size: clamp(22px, calc(100vw / 50), 27px); line-height: 36px; letter-spacing: 0.50px; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.headline > span.copy { display: block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * div.newsletters ... div.body * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.copy { font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.copy > span.interval { font-weight: 500; background-color: rgba(0, 0, 0, 0.10); padding: 0 6px 0 6px; border-radius: 4px; transform: skew(-10deg); display: inline-block; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector { float: left; width: 120px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.symbol { float: left; width: 20px; height: 20px; border: 1px solid #B3B1AE; position: relative; top: 2px; margin: 0 8px 0 0; padding: 2px 2px 2px 2px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.symbol > div.graphic { width: 100%; height: 100%; background-color: var(--gishty-color-orange); opacity: 0.00; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.labels { float: left; width: calc(100% - 20px - 8px); font-size: 18px; line-height: 24px; color: var(--gishty-color-dark); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.labels > div { display: none; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.labels > div.select { display: block; font-size: 14px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > div.selector > div.labels > div.selected { font-size: 14px; font-weight: 700; } /** * a.details * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.details { display: block; float: right; text-align: right; height: 24px; line-height: 24px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.details > span.copy { display: block; font-size: 14.5px; height: 24px; line-height: 24px; } /** * a.preview * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.preview { display: block; float: right; text-align: right; height: 24px; line-height: 24px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.preview > span.copy { display: block; font-size: 14.5px; height: 24px; line-height: 24px; } /** * div.newsletters ... footer * */ [data-view-name="NewsletterSelectorComponent"] > form > footer { background-color: #191714; padding: 32px 32px 32px 32px; } /** * footer > div.metadata * */ [data-view-name="NewsletterSelectorComponent"] > form > footer > div.metadata { float: left; width: 300px; display: flex; align-items: center; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.metadata > div.count { padding: 0 6px 0 0; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.metadata > div.count > span.copy { font-size: 46px; line-height: 48px; font-style: italic; font-family: var(--gishty-font-family-headline); color: var(--gishty-color-orange); } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.metadata > div.label { font-style: italic; color: #ffffff; font-size: 20px; line-height: 48px; opacity: 0.92; } /** * footer > div.fields * */ [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields { float: right; width: calc(100% - 300px - 140px); } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field { float: right; width: 100%; max-width: 416px; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field > div.input > input { background-color: var(--gishty-color-light-o12); height: 48px; line-height: 48px; width: 100%; max-width: 416px; padding: 0 16px 0 16px; color: var(--gishty-color-light); transition: all var(--gishty-duration-root); } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field > div.input > input::placeholder { color: var(--gishty-color-light-o55); } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field > div.input.readonly > input { color: var(--gishty-color-light-o55); } /** * footer > div.actions * */ [data-view-name="NewsletterSelectorComponent"] > form > footer > div.actions { float: right; width: 140px; /* width: 14%;*/ padding: 0 0 0 8px; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.actions > a.button { width: 100%; height: 48px; line-height: 48px; } /** * States (selected) * */ [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter.selected { border: 1px solid var(--gishty-color-orange); outline: 1px solid var(--gishty-color-orange); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter:not(.selected):hover { border: 1px dashed var(--gishty-color-orange); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter.selected > div.body > div.actions > div.selector > div.symbol { border: 2px solid var(--gishty-color-orange); } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter.selected > div.body > div.actions > div.selector > div.symbol > div.graphic { opacity: 1.00; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter.selected > div.body > div.actions > div.selector > div.labels > div.selected { display: block; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter.selected > div.body > div.actions > div.selector > div.labels > div.select { display: none; } /** * Mode: save * */ [data-view-name="NewsletterSelectorComponent"].mode-save > form > footer > div.fields { display: none; } [data-view-name="NewsletterSelectorComponent"].mode-save > form > footer > div.actions { clear: none; float: right; } /** * Responsive * */ @container NewsletterSelectorComponent (max-width: 910px) { [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter { padding: 24px 24px 24px 24px; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.media { height: 48px; width: 48px; } [data-view-name="NewsletterSelectorComponent"] > form > footer { padding: 24px 24px 24px 24px; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.actions { clear: left; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields { clear: left; width: calc(100% - 140px); } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field { max-width: 100%; } [data-view-name="NewsletterSelectorComponent"] > form > footer > div.fields > div.field > div.input > input { max-width: 100%; } } @container NewsletterSelectorComponent (max-width: 840px) { [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter { float: none; width: 100%; margin: 0 0 12px 0; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.media { float: left; margin: 0 8px 0 0; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.spacer-16 { display: none; } [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > header > div.headline { float: left; width: calc(100% - 48px - 8px); height: 48px; line-height: 48px; } } @container NewsletterSelectorComponent (max-width: 720px) { @media (hover: none) and (pointer: coarse) { [data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.preview { display: none; } /*[data-view-name="NewsletterSelectorComponent"] > form > div.body > div.newsletters > div.newsletter > div.body > div.actions > a.details { display: none; }*/ } } /** * /static/css/components/newsletters/subscribeBanner.css * */ [data-view-name="NewsletterSubscribeBannerComponent"] { color: #ffffff; max-width: 784px; margin: 0 auto 0 auto; padding: 48px 0 48px 0; } [data-view-name="NewsletterSubscribeBannerComponent"] > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: clamp(30px, calc(100vw / 20), 46px); line-height: 1.00em; text-align: center; letter-spacing: 0.25px; color: var(--gishty-color-dark); } [data-view-name="NewsletterSubscribeBannerComponent"] > header > div.headline .em { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 2px; } [data-view-name="NewsletterSubscribeBannerComponent"] > header > div.headline .em::after { border-color: var(--gishty-color-dark); } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > div.copy { font-size: 20px; line-height: 28px; text-align: center; color: var(--gishty-color-dark-o55); } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form { max-width: 576px; margin: 0 auto 0 auto; } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form > div.fields { float: left; width: calc(100% - 128px); padding: 0 8px 0 0; height: 40px; } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form > div.fields > div.field > div.input > input { background-color: #e6e5e2; transition: all var(--gishty-duration-root); height: 48px; line-height: 48px; } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form > div.fields > div.field > div.input > input:focus-visible { background-color: var(--gishty-color-light-o40); } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form > div.actions { float: left; width: 128px; } [data-view-name="NewsletterSubscribeBannerComponent"] > div.body > form > div.actions > a.button { height: 48px; line-height: 48px; } /** * /static/css/components/newsletters/subscribeBlock.css * */ [data-view-name="NewsletterSubscribeBlockComponent"] { background-color: #ffffff; max-width: 472px; float: right; box-shadow: 0 4px 24px 0px rgba(0, 0, 0, 0.30); padding: 32px 32px 32px 32px; } /** * .img * */ [data-view-name="NewsletterSubscribeBlockComponent"] > header > div.media { height: 52px; width: 52px; } [data-view-name="NewsletterSubscribeBlockComponent"] > header > div.media > div.img { height: 100%; width: 100%; } [data-view-name="NewsletterSubscribeBlockComponent"] > header > div.media > div.img > img { height: 100%; display: block; } /** * .headline * */ [data-view-name="NewsletterSubscribeBlockComponent"] > header > div.headline { font-size: 24px; line-height: 30px; letter-spacing: 0.50px; color: var(--gishty-color-dark); font-family: var(--gishty-font-family-headline); } /** * .body form * */ [data-view-name="NewsletterSubscribeBlockComponent"] > div.body > form > div.fields { float: left; margin: 0 8px 0 0; width: calc(100% - 8px - 120px); } [data-view-name="NewsletterSubscribeBlockComponent"] > div.body > form > div.actions { float: left; width: 120px; } [data-view-name="NewsletterSubscribeBlockComponent"] > div.body > form > div.actions > a { width: 120px; height: 44px; line-height: 44px; } /** * .body .copy * */ [data-view-name="NewsletterSubscribeBlockComponent"] > div.body > div.copy { font-size: 14px; line-height: 20px; color: var(--gishty-color-dark-o55); } /** * /static/css/components/notifications/base.css * */ [data-view-name$="NotificationComponent"] { position: fixed; pointer-events: none; opacity: 0.00; top: 12px; border-radius: 10px 10px 10px 10px; max-width: 90%; transition: transform 400ms, opacity 400ms; transform: translateY(-100%); cursor: default; z-index: 50; } [data-view-name$="NotificationComponent"].open { pointer-events: auto; opacity: 0.90; transform: translateY(0%); } [data-view-name$="NotificationComponent"].open:hover { opacity: 0.95; } /** * /static/css/components/notifications/snackbar.css * * @see https://chatgpt.com/c/68fe1e38-c2c0-832c-8085-542b0067cf10 */ [data-view-name$="SnackbarNotificationComponent"] { left: var(--gishty-page-padding); right: var(--gishty-page-padding); background-color: #000000; padding: 16px 20px 16px 20px; margin: 0 auto 0 auto; max-width: calc(1200px - 120px); max-width: 620px; } [data-view-name$="SnackbarNotificationComponent"].bottom { top: auto; bottom: 12px; transform: translateY(calc(100% + 12px)); } [data-view-name$="SnackbarNotificationComponent"].bottom.open { transform: translateY(0%); } [data-view-name$="SnackbarNotificationComponent"] > div.content > div.body { min-height: 40px; display: flex; } [data-view-name$="SnackbarNotificationComponent"] > div.content > div.body > div.media { /* width: 48px;*/ width: clamp(24px, 8vw, 48px); margin: 0 8px 0 0; padding: 0 0 0 0; display: flex; align-items: center; } [data-view-name$="SnackbarNotificationComponent"] > div.content > div.body > div.media > div.img { text-align: center; width: 100%; font-size: 25px; } [data-view-name$="SnackbarNotificationComponent"] > div.content > div.body > div.copy { flex: 1; display: flex; align-items: center; /* padding: 0 4px 0 0;*/ } [data-view-name$="SnackbarNotificationComponent"] > div.content > div.body > div.copy > p { display: block; font-size: 17px; line-height: 1.30em; color: var(--gishty-color-light); } /** * /static/css/components/notifications/toast.css * * @see https://chatgpt.com/c/6932ffd9-0d10-832b-a17c-d6bdd5de0812 */ [data-view-name$="ToastNotificationComponent"] { right: 12px; background-color: #000000; width: 400px; padding: 16px 20px 16px 20px; } [data-view-name$="ToastNotificationComponent"] > div.content > header > div.media { display: none; } [data-view-name$="ToastNotificationComponent"] > div.content > header > div.headline { color: #ffffff; font-family: var(--gishty-font-family-headline); font-size: 16px; height: 22px; line-height: 22px; } [data-view-name$="ToastNotificationComponent"] > div.content > div.body > div.copy > p { font-family: var(--gishty-font-family-body); color: #ffffff; font-size: 14px; line-height: 1.30em; overflow-wrap: anywhere; } /** * /static/css/components/panels/base.css * * @see https://stackoverflow.com/questions/61785743/how-to-animate-backdrop-filter */ [data-view-name$="PanelComponent"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 30; transition: backdrop-filter var(--gishty-duration-panel), opacity var(--gishty-duration-panel), background-color var(--gishty-duration-panel); backdrop-filter: blur(1.5px) opacity(0.00); opacity: 0.00; background-color: rgba(0, 0, 0, 0.00); pointer-events: none; } /** * .content * */ [data-view-name$="PanelComponent"] > div.content { position: fixed; top: 0; right: 0; bottom: 0; min-width: 120px; max-width: 82%; padding: 32px 32px 32px 32px; background-color: #ffffff; border-radius: 0 0 0 0; box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a; transform: translateX(100%); transition: transform var(--gishty-duration-panel); } /** * .close * */ [data-view-name$="PanelComponent"] > div.content > header > div.close, [data-view-name$="PanelComponent"] > div.content > form > header > div.close { position: absolute; width: 72px; height: 72px; transform: scale(0.40); cursor: pointer; right: 0; top: 0; opacity: 0.60; transition: transform var(--gishty-duration-root), opacity var(--gishty-duration-root); } [data-view-name$="PanelComponent"] > div.content > header > div.close > div.graphic, [data-view-name$="PanelComponent"] > div.content > form > header > div.close > div.graphic { width: 72px; height: 72px; } [data-view-name$="PanelComponent"] > div.content > header > div.close:hover, [data-view-name$="PanelComponent"] > div.content > form > header > div.close:hover { transform: rotate(90deg) scale(0.52); opacity: 0.92; } /** * .headline * */ [data-view-name$="PanelComponent"] > div.content > header > div.headline, [data-view-name$="PanelComponent"] > div.content > form > header > div.headline { font-weight: 600; font-size: 18px; line-height: 24px; } /** * States (open) * */ [data-view-name$="PanelComponent"].open { background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(1.5px) opacity(1.00); opacity: 1.00; pointer-events: auto; } [data-view-name$="PanelComponent"].open > div.content { transform: translateX(0%); } /** * /static/css/components/panels/editRecord.css * */ [data-view-name="EditRecordPanelComponent"] > div.content { width: 420px; padding: 0; } [data-view-name="EditRecordPanelComponent"] > div.content > form { position: relative; } /** * header * */ [data-view-name="EditRecordPanelComponent"] > div.content > form > header { height: 54px; padding: 0 18px 0 18px; border-bottom: 1px solid #eeeeee; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02); } [data-view-name="EditRecordPanelComponent"] > div.content > form > header > div.close { width: 48px; height: 48px; top: 4px; } [data-view-name="EditRecordPanelComponent"] > div.content > form > header > div.close > div.graphic { width: 48px; height: 48px; } [data-view-name="EditRecordPanelComponent"] > div.content > form > header > div.headline { height: 54px; line-height: 54px; } /** * div.body * */ [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body { height: calc(100vh - 54px - 12px - 12px - 64px); overflow: auto; padding: 0 12px 0 12px; margin: 12px 8px 12px 0; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields { background-color: #eeeeee; border-radius: 8px 8px 8px 8px; padding: 12px 12px 12px 12px; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] { margin: 0 0 12px 0; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.label { font-size: 14px; height: 24px; line-height: 24px; color: #444444; cursor: default; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.label > a { font-size: 12px; color: #000000; text-decoration: none; float: right; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.label > a > span { text-decoration: underline; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.label > a:first-child { margin: 0 0 0 4px; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input:not(.readonly) > input, [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input:not(.readonly) > select, [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input:not(.readonly) > textarea { background-color: white; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields + div.fields { margin: 12px 0 0 0; } /** * Wrappers (.readonly) * */ [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input.readonly { cursor: not-allowed; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input.readonly input, [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"] > div.input.readonly textarea { color: var(--gishty-color-dark-o55); pointer-events: none; } [data-view-name="EditRecordPanelComponent"] > div.content > form > div.body > div.fields > div[data-view-name$="AdminFormFieldComponent"].checkbox > div.input.readonly + div.label { opacity: 0.60; cursor: not-allowed; } /** * footer * */ [data-view-name="EditRecordPanelComponent"] > div.content > form > footer { position: sticky; right: 0; bottom: 0; left: 0; height: 64px; line-height: 64px; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.02); border-top: 1px solid #eeeeee; background-color: #ffffff; padding: 15px 15px 0 0; text-align: right; } [data-view-name="EditRecordPanelComponent"] > div.content > form > footer > div.actions > a { max-width: 40%; float: right; margin: 0 8px 0 0; } [data-view-name="EditRecordPanelComponent"] > div.content > form > footer > div.actions > a:first-child { margin: 0 0 0 0; } /** * /static/css/components/panels/navigation.css * */ [data-view-name="NavigationPanelComponent"] > div.content { padding: 0 18px 0 18px; width: 424px; text-align: left; } /** * header * */ [data-view-name="NavigationPanelComponent"] > div.content > header { height: var(--gishty-header-height); } [data-view-name="NavigationPanelComponent"] > div.content > header > div.headline { font-family: var(--gishty-font-family-headline); font-size: 27px; line-height: var(--gishty-header-height); } /** * div.section * */ [data-view-name="NavigationPanelComponent"] > div.content > div.section { background-color: var(--gishty-color-beige); height: calc((100dvh - 72px - 16px - 16px - 252px - 18px) / 2); border-radius: 4px 4px 4px 4px; } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns { display: grid; grid-template-columns: 1fr 1fr; padding: 12px 20px 12px 20px; height: 100%; container-type: size; } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns > div.column { height: 100cqh; } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns > nav.column > div.headline { height: 32px; line-height: 32px; font-size: 18px; font-weight: 700; letter-spacing: 0.25px; color: var(--gishty-color-dark); text-transform: uppercase; font-family: var(--gishty-font-family-headline); opacity: 0.75; } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns > nav.column > a { display: block; color: var(--gishty-color-dark-o70); position: relative; opacity: 0.80; transition: opacity var(--gishty-duration-root); height: calc((100cqh - 32px) / 5); line-height: calc((100cqh - 32px) / 5); /* height: 28px;*/ /* height: ;*/ /* line-height: 28px;*/ } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns > nav.column > a:hover { opacity: 1.00; } [data-view-name="NavigationPanelComponent"] > div.content > div.section > div.columns > nav.column > a > span.copy { display: block; height: 100%; font-size: 15px; max-width: calc(100% - 8px); } [data-view-name="NavigationPanelComponent"] > div.content > div.signature { height: 20px; position: absolute; bottom: 20px; left: 0; right: 0; } [data-view-name="NavigationPanelComponent"] > div.content > div.signature::after { content: ''; display: none; position: absolute; background-color: rgba(0, 0, 0, 0.06); height: 1px; top: 10px; left: 0; right: 0; } [data-view-name="NavigationPanelComponent"] > div.content > div.signature > div.media { height: 100%; } [data-view-name="NavigationPanelComponent"] > div.content > div.signature > div.media > div.img { height: 100%; } /** * div.section.newsletters * */ [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters { height: 252px; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns { display: block; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column { height: 100%; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > div.headline { height: 32px; line-height: 32px; margin: 0 0 4px 0; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a { height: calc(32px + 12px + 12px); background-color: rgba(255, 255, 255, 0.90); border-radius: 4px 4px 4px 4px; padding: 12px 12px 12px 12px; margin: 0 0 8px 0; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a:last-child { margin: 0 0 0 0; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a > span.media { display: block; margin: 0 8px 0 0; float: left; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a > span.media > span.img { display: block; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a > span.media > span.img > img { display: block; height: 32px; } [data-view-name="NavigationPanelComponent"] > div.content > div.section.newsletters > div.columns > nav.column > a > span.copy { float: left; display: block; font-weight: 700; font-size: clamp(14px, calc(100vh / 60), 18px); height: 32px; line-height: 32px; width: calc(100% - 32px - 8px); } /** * /static/css/components/popovers/base.css * * @see https://stackoverflow.com/questions/61785743/how-to-animate-backdrop-filter */ div[data-tippy-root][data-view-name$="PopoverComponent"] { transition: none; background-color: transparent; border-radius: 4px 4px 4px 4px; } div[data-tippy-root][data-view-name$="PopoverComponent"] > div.tippy-box { box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.30); border: 1px solid var(--gishty-color-dark-o12); background-color: #ffffff; } div[data-tippy-root][data-view-name$="PopoverComponent"] > div.tippy-box > div.tippy-content { padding: 0 0 0 0; overflow-wrap: break-word; font-size: 12px; } div[data-tippy-root][data-view-name$="PopoverComponent"] > div.tippy-box > div.tippy-arrow { color: #ffffff; } /** * /static/css/components/posts/markdown.css * */ [data-view-name="PostMarkdownComponent"] > div.body { word-wrap: break-word; overflow: hidden; padding: 0 16px 0 0; min-height: 200px; } [data-view-name="PostMarkdownComponent"] > div.body > h2 { font-size: 27px; line-height: 1.30em; margin: 0 0 8px 0; font-weight: 600; } [data-view-name="PostMarkdownComponent"] > div.body > h3 { font-size: 24px; line-height: 1.30em; margin: 12px 0 8px 0; font-weight: 600; border-top: 1px solid var(--gishty-color-dark-o07); padding: 12px 0 0 0; } [data-view-name="PostMarkdownComponent"] > div.body > div.badge { margin: 0 0 8px 0; padding: 4px 0 0 0; } [data-view-name="PostMarkdownComponent"] > div.body > div.badge > span { display: inline-block; height: 30px; line-height: 30px; font-size: 16px; font-weight: 700; padding: 0 12px 0 12px; border-radius: 8px 8px 8px 8px; background-color: #000000; color: #F5F4F2; } [data-view-name="PostMarkdownComponent"] > div.body > blockquote, [data-view-name="PostMarkdownComponent"] > div.body > p, [data-view-name="PostMarkdownComponent"] > div.body > ol, [data-view-name="PostMarkdownComponent"] > div.body > ul { padding: 0 0 16px 0; font-size: 20px; line-height: 28px; } [data-view-name="PostMarkdownComponent"] > div.body > blockquote { border-left: 2px solid var(--gishty-color-dark-o12); padding: 16px 16px 16px 16px; margin: 0 0 16px 0; font-size: 18px; } [data-view-name="PostMarkdownComponent"] > div.body > ol { list-style-type: number; padding-left: 24px; } [data-view-name="PostMarkdownComponent"] > div.body > ul { list-style-type: disc; padding-left: 24px; } [data-view-name="PostMarkdownComponent"] > div.body > img, [data-view-name="PostMarkdownComponent"] > div.body > p > img { width: clamp(80px, 200px, 40%); float: right; display: block; padding: 12px 12px 12px 12px; } [data-view-name="PostMarkdownComponent"] > div.body > a > img, [data-view-name="PostMarkdownComponent"] > div.body > p > a > img { width: clamp(80px, 200px, 40%); float: right; display: block; padding: 6px 6px 6px 6px; } [data-view-name="PostMarkdownComponent"] > div.body > a > img[src*="/post-video"], [data-view-name="PostMarkdownComponent"] > div.body > p > a > img[src*="/post-video"] { width: 100%; } /** * /static/css/components/posts/metadata.css * */ [data-view-name="PostMetadataComponent"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } /** * .header * */ [data-view-name="PostMetadataComponent"] > header > div.headline { font-size: 23px; line-height: 24px; } /** * .body .items * */ [data-view-name="PostMetadataComponent"] > div.body > div.items { font-size: 16px; line-height: 22px; } [data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.label { float: left; font-weight: 600; padding: 0 6px 0 0; } [data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.value { float: left; } [data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.value > div.copy { float: left; } /*[data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.value > div.links { display: none; float: left; padding: 0 0 0 8px; }*/ [data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.value > div.links > a { display: block; height: 22px; width: 22px; text-align: center; float: left; } [data-view-name="PostMetadataComponent"] > div.body > div.items > div.item > div.value > div.links > a > span { background-color: var(--gishty-color-dark-o85); display: block; height: 22px; width: 22px; transform: scale(0.50); } /** * .body .actions * */ [data-view-name="PostMetadataComponent"] > div.body { } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen { float: left; border-radius: 4px 4px 4px 4px; transition: background-color var(--gishty-duration-root); } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen > a { display: inline-block; } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen > a > span { display: inline-block; float: left; color: var(--gishty-color-dark); } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen > a > span.graphic { width: 24px; height: 24px; line-height: 24px; text-align: center; transform: scale(0.64); background-color: var(--gishty-color-dark-o85); } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen > a > span.copy { height: 24px; line-height: 24px; margin: 0 0 0 0; padding: 0 6px 0 0; text-align: left; font-size: 13px; } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.listen:hover { background-color: rgba(0, 0, 0, 0.05); } /** * .body .actions .links * */ [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.links { float: right; } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.links > a { /* display: block;*/ float: left; } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.links > a > span.graphic { display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; transform: scale(0.72); transition: all var(--gishty-duration-root); background-color: var(--gishty-color-dark-o85); } [data-view-name="PostMetadataComponent"] > div.body > div.actions > div.links > a:hover > span.graphic { background-color: var(--gishty-color-dark); transform: scale(0.80); } /** * /static/css/components/posts/signature.css * */ [data-view-name="PostSignatureComponent"] > div.media { height: 48px; } [data-view-name="PostSignatureComponent"] > div.media > div.img { height: 100%; } [data-view-name="PostSignatureComponent"] > div.media > div.img > img { display: block; margin: 0 auto 0 auto; height: 100%; } /** * /static/css/components/posts/subscribe.css * */ [data-view-name="PostSubscribeComponent"] { padding: 32px 32px 32px 32px; color: #ffffff; background-color: var(--gishty-color-charcoal); } [data-view-name="PostSubscribeComponent"] > header > div.headline { font-family: var(--gishty-font-family-headline); color: #ffffff; font-size: 33px; line-height: 1.20em; letter-spacing: 0.25px; } [data-view-name="PostSubscribeComponent"] > div.body > div.copy { color: #ffffff; font-size: 16px; line-height: 24px; } [data-view-name="PostSubscribeComponent"] > div.body > div.actions > a { width: 100%; height: 40px; line-height: 40px; } /** * /static/css/components/posts/upsell.css * */ [data-view-name="PostUpsellComponent"] { padding: 32px 32px 32px 32px; color: #ffffff; background-color: var(--gishty-color-charcoal); } [data-view-name="PostUpsellComponent"] > header > div.media { float: left; width: 18%; margin: 0 12px 0 0; } [data-view-name="PostUpsellComponent"] > header > div.media > div.img { width: 100%; height: 100%; } [data-view-name="PostUpsellComponent"] > header > div.media > div.img > img { width: 100%; border-radius: 100px; aspect-ratio: 1; object-fit: cover; } [data-view-name="PostUpsellComponent"] > header > div.headline { float: left; width: calc(100% - 18% - 12px); font-family: var(--gishty-font-family-headline); color: #ffffff; font-size: 37px; line-height: 41px; letter-spacing: 0.25px; } [data-view-name="PostUpsellComponent"] > div.body > div.copy { color: #ffffff; font-size: 16px; line-height: 24px; } [data-view-name="PostUpsellComponent"] > div.body > div.actions > a { width: 100%; height: 40px; line-height: 40px; } /** * /static/css/components/promotions/shamJaff.css * */ [data-view-name="ShamJaffPromotionComponent"] { background-image: url('/static/images/promotional/sham-jaff/00-city.jpg'); background-size: cover; background-position: center center; min-height: 484px; padding: 72px 0 72px 0; position: relative; display: flex; flex-direction: column; justify-content: center; } [data-view-name="ShamJaffPromotionComponent"] > div.background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.40) 50%, rgba(0, 0, 0, 1) 100% ); } [data-view-name="ShamJaffPromotionComponent"] > header > div.headline { max-width: 408px; position: relative; z-index: 1; font-size: 24px; line-height: 26px; letter-spacing: 0.25px; font-family: var(--gishty-font-family-headline); color: #ffffff; } [data-view-name="ShamJaffPromotionComponent"] > div.body > div.copy { width: calc(100% - 35%); max-width: 408px; position: relative; z-index: 1; font-size: 19px; line-height: 23px; color: rgba(255, 255, 255, 0.65); } [data-view-name="ShamJaffPromotionComponent"] > div.body > div.copy > a { transition: color var(--gishty-duration-root); } [data-view-name="ShamJaffPromotionComponent"] > div.body > div.copy > a:hover { color: rgba(255, 255, 255, 0.65); } [data-view-name="ShamJaffPromotionComponent"] > div.body > div.copy > a > span.copy { text-underline-offset: 3px; } /** * /static/css/components/roadmap/item.css * */ [data-view-name="RoadmapItemComponent"] { container-name: RoadmapItemComponent; container-type: inline-size; height: 180px; padding: 24px 24px 8px 24px; position: relative; border-radius: 12px 12px 12px 12px; border: 1px solid rgba(0, 0, 0, 0.10); background-color: #F5F4F2; } [data-view-name="RoadmapItemComponent"] > div.body > div.copy > p { font-size: 19px; line-height: 1.3em; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-view-name="RoadmapItemComponent"] > footer { position: absolute; bottom: 8px; left: 24px; right: 24px; height: 56px; border-top: 1px solid var(--gishty-color-dark-o12); } [data-view-name="RoadmapItemComponent"] > footer > div.metadata { min-width: 76px; line-height: 56px; font-size: 14px; font-weight: 600; } [data-view-name="RoadmapItemComponent"] > footer > div.actions { float: right; padding: calc((56px - 32px) / 2) 0 0 0; } [data-view-name="RoadmapItemComponent"] > footer > div.actions > a { float: right; } /** * Responsive * */ @container RoadmapItemComponent (max-width: 400px) { } /** * /static/css/components/shared/accountNavigation.css * */ [data-view-name="AccountNavigationComponent"] { width: 160px; } [data-view-name="AccountNavigationComponent"] > div.body > div.primary { padding: 12px 16px 12px 16px; } [data-view-name="AccountNavigationComponent"] > div.body > div.primary > div.body > div.items { font-size: 14px; line-height: 20px; } [data-view-name="AccountNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a { display: block; height: 24px; line-height: 24px; } [data-view-name="AccountNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a > span.copy { display: block; height: 24px; line-height: 24px; color: var(--gishty-color-dark-o70); transition: all var(--gishty-duration-root); font-weight: 600; } [data-view-name="AccountNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a:hover > span.copy { color: var(--gishty-color-dark); } /** * /static/css/shared/nav.css * */ /** * * */ [data-view-name="AdminNavBlockComponent"] { position: fixed; left: 0; top: 0; bottom: 0; width: var(--gishty-admin-nav-width); background-color: #ffffff; padding: 12px 12px 12px 12px; overflow: auto; border: 5px solid transparent; } [data-view-name="AdminNavBlockComponent"] > div.item { height: 29px; position: relative; } [data-view-name="AdminNavBlockComponent"] > div.item > a.primary-action { display: block; float: left; width: 100%; border-radius: 4px 4px 4px 4px; } [data-view-name="AdminNavBlockComponent"] > div.item.active > a.primary-action, [data-view-name="AdminNavBlockComponent"] > div.item:hover > a.primary-action { background-color: #eeeeee; } [data-view-name="AdminNavBlockComponent"] > div.item > a.primary-action > div.copy { float: left; font-size: 12.5px; width: calc(100% - 29px); height: 29px; line-height: 29px; color: #333333; max-width: 66%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } [data-view-name="AdminNavBlockComponent"] > div.item > a.primary-action > div.graphic { float: left; width: 29px; height: 29px; -webkit-mask-size: 11px; mask-size: 11px; } [data-view-name="AdminNavBlockComponent"] > div.item > a.secondary-action { position: absolute; width: 19px; height: 19px; right: 5px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 4px 4px 4px 4px; text-align: center; line-height: 19px; top: 5px; } [data-view-name="AdminNavBlockComponent"] > div.item > a.secondary-action > div.graphic { width: 100%; height: 100%; -webkit-mask-size: 9px !important; mask-size: 9px !important; } [data-view-name="AdminNavBlockComponent"] > div.item.active > a.secondary-action , [data-view-name="AdminNavBlockComponent"] > div.item:hover > a.secondary-action { background-color: #ffffff; } /** * /static/css/shared/pagination.css * */ /** * (root) * */ div.pagination { height: 60px; } div.pagination > ul { margin: 0 0 0 0; float: right; padding: 12px 0 0 0; } div.pagination > ul > li { margin: 0 0 0 0; display: block; float: left; height: 36px; line-height: 36px; border: 1px solid #cccccc; border-left-width: 0; background-color: #ffffff; } div.pagination > ul > li:first-child { border-radius: 4px 0 0 4px; border-left-width: 1px; } div.pagination > ul > li:last-child { border-radius: 0 4px 4px 0; } div.pagination > ul > li a { text-decoration: none; display: block; min-width: 32px; text-align: center; padding: 0 12px 0 12px; } div.pagination > ul > li:not(.disabled):not(.active):hover { background-color: #f9fafb; } div.pagination > ul > li.disabled { cursor: not-allowed; } div.pagination > ul > li.disabled a { pointer-events: none; opacity: 0.25; } div.pagination > ul > li.active { background-color: #f9fafb; cursor: not-allowed; } div.pagination > ul > li.active a { font-weight: 700; pointer-events: none; } /** * /static/css/blocks/actions.css * */ /** * * */ [data-view-name="AdminRecordActionsComponent"] { background-color: #ffffff; border-radius: 6px 6px 6px 6px; font-size: 13px; } [data-view-name="AdminRecordActionsComponent"] > div.headers { position: sticky; left: 0; right: 0; top: 0; height: var(--gishty-admin-results-header-height); background-color: #ffffff; border-radius: 6px 6px 0 0; border-bottom: 1px solid var(--gishty-color-admin-divider); /* padding: 0 0 0 12px;*/ padding: 0 calc(4px + 0px) 0 calc(4px + 8px); margin: 0 0 0 0; z-index: 2; } [data-view-name="AdminRecordActionsComponent"] > div.headers > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: var(--gishty-admin-results-header-height); line-height: var(--gishty-admin-results-header-height); font-weight: 700; padding: 0 14px 0 0; } [data-view-name="AdminRecordActionsComponent"] > div.results { padding: 4px 0 4px 0; height: calc(100% - var(--gishty-admin-results-header-height)); overflow: auto; } [data-view-name="AdminRecordActionsComponent"] > div.results > div.property { padding: 0 0 0 8px; margin: 0 4px 0 4px; } [data-view-name="AdminRecordActionsComponent"] > div.results > div.property:hover { background-color: #eeeeee; border-radius: 4px 4px 4px 4px; } [data-view-name="AdminRecordActionsComponent"] > div.results > div.property > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: var(--gishty-admin-results-row-min-height); line-height: var(--gishty-admin-results-row-min-height); padding: 0 14px 0 0; } [data-view-name="AdminRecordActionsComponent"] > div.headers > div.name, [data-view-name="AdminRecordActionsComponent"] > div.results > div.property > div.name { width: 320px; } [data-view-name="AdminRecordActionsComponent"] > div.headers > div.value, [data-view-name="AdminRecordActionsComponent"] > div.results > div.property > div.value { width: calc(100% - 320px); } [data-view-name="AdminRecordActionsComponent"] > div.headers > div.value img, [data-view-name="AdminRecordActionsComponent"] > div.results > div.property > div.value img { height: 100%; max-height: 64px; } /** * /static/css/blocks/properties.css * */ /** * * */ [data-view-name="AdminRecordPropertiesComponent"] { background-color: #ffffff; border-radius: 6px 6px 6px 6px; font-size: 13px; } [data-view-name="AdminRecordPropertiesComponent"] > div.headers { position: sticky; left: 0; right: 0; top: 0; height: var(--gishty-admin-results-header-height); background-color: #ffffff; border-radius: 6px 6px 0 0; border-bottom: 1px solid var(--gishty-color-admin-divider); /* padding: 0 0 0 12px;*/ padding: 0 calc(4px + 0px) 0 calc(4px + 8px); margin: 0 0 0 0; z-index: 2; } [data-view-name="AdminRecordPropertiesComponent"] > div.headers > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: var(--gishty-admin-results-header-height); line-height: var(--gishty-admin-results-header-height); font-weight: 700; padding: 0 14px 0 0; } [data-view-name="AdminRecordPropertiesComponent"] > div.results { padding: 4px 0 4px 0; height: calc(100% - var(--gishty-admin-results-header-height)); overflow: auto; } [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property { padding: 0 0 0 8px; margin: 0 4px 0 4px; } [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property:hover { background-color: #eeeeee; border-radius: 4px 4px 4px 4px; } [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: var(--gishty-admin-results-row-min-height); line-height: var(--gishty-admin-results-row-min-height); padding: 0 14px 0 0; } [data-view-name="AdminRecordPropertiesComponent"] > div.headers > div.name, [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property > div.name { width: 320px; } [data-view-name="AdminRecordPropertiesComponent"] > div.headers > div.value, [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property > div.value { width: calc(100% - 320px); } [data-view-name="AdminRecordPropertiesComponent"] > div.headers > div.value img, [data-view-name="AdminRecordPropertiesComponent"] > div.results > div.property > div.value img { height: 100%; max-height: 64px; } /** * /static/css/components/shared/author.css * */ [data-view-name="AuthorComponent"] { width: 320px; } [data-view-name="AuthorComponent"] > div.body { height: 100%; } [data-view-name="AuthorComponent"] > div.body > div.primary { float: left; width: 30%; height: 100%; border-radius: 4px 0 0 4px; overflow: hidden; } [data-view-name="AuthorComponent"] > div.body > div.primary > div.media { height: 100%; width: 100%; background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.40) 50%, rgba(0, 0, 0, 1) 100% ); } [data-view-name="AuthorComponent"] > div.body > div.primary > div.media > div.img { height: 100%; width: 100%; opacity: 0.80; background-position: center center; background-repeat: no-repeat; background-size: cover; } [data-view-name="AuthorComponent"] > div.body > div.secondary { float: left; width: calc(100% - 30%); height: 100%; padding: 14px 8px 14px 16px; } [data-view-name="AuthorComponent"] > div.body > div.secondary > header > div.headline { font-size: 20px; line-height: 28px; font-size: 16px; color: var(--gishty-color-orange); font-weight: 600; } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items { font-size: 14px; line-height: 20px; color: var(--gishty-color-dark); } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item { color: var(--gishty-color-dark); } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item > span.graphic { display: inline-block; height: 20px; width: 20px; transform: scale(0.65); } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item.socials { display: flex; } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item.socials > span.value > span.links > a { display: inline-block; height: 20px; width: 20px; text-align: center; margin-right: -3px; } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item.socials > span.value > span.links > a > span { background-color: var(--gishty-color-dark-o70); display: inline-block; height: 20px; width: 20px; transform: scale(0.60); transition: background-color var(--gishty-duration-root); } [data-view-name="AuthorComponent"] > div.body > div.secondary > div.body > div.items > div.item.socials > span.value > span.links > a:hover > span { background-color: var(--gishty-color-dark-o85); } /** * /static/css/components/shared/entity.css * */ [data-view-name="EntityComponent"] { width: 320px; } [data-view-name="EntityComponent"] > div.body { height: 100%; } [data-view-name="EntityComponent"] > div.body > div.primary { float: left; width: 100%; height: 100%; padding: calc(14px - 4px) 20px 14px 20px; } [data-view-name="EntityComponent"] > div.body > div.primary > header > div.headline { font-size: 20px; line-height: 28px; font-size: 16px; color: var(--gishty-color-orange); font-weight: 600; } [data-view-name="EntityComponent"] > div.body > div.primary > div.body > div.items { font-size: 14px; line-height: 20px; color: var(--gishty-color-dark); } [data-view-name="EntityComponent"] > div.body > div.primary > div.body > div.items > div.item { color: var(--gishty-color-dark); } [data-view-name="EntityComponent"] > div.body > div.primary > div.body > div.items > div.item > span.graphic { display: inline-block; height: 20px; width: 20px; transform: scale(0.65); } /** * /static/css/components/shared/error.css * */ [data-view-name="ErrorComponent"].old { background-color: var(--gishty-color-error-red); padding: 16px 16px 16px 16px; font-weight: 600; color: #ffffff; margin: 0 0 12px 0; } [data-view-name="ErrorComponent"] { border-left: 2px solid var(--gishty-color-error-red); /* color: var(--gishty-color-error-red);*/ background-color: #ffe3e2; padding: 16px 16px 16px 16px; font-weight: 600; color: var(--gishty-color-error-red); margin: 0 0 12px 0; } [data-view-name="ErrorComponent"] > div.body > div.copy > p { display: block; line-height: 1.15em; } /** * /static/css/components/shared/errors.css * */ [data-view-name="ErrorsComponent"] { } /** * /static/css/components/footer.css * * @see https://chatgpt.com/c/6901194c-b98c-8326-830f-3b1c0203ffb9 */ [data-view-name="FooterComponent"] { background-color: var(--gishty-color-beige); } [data-view-name="FooterComponent"] > div.wrapper { padding: 48px var(--gishty-page-padding) 72px var(--gishty-page-padding); } [data-view-name="FooterComponent"] > div.wrapper > div.columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; padding: 32px 0 32px 0; } [data-view-name="FooterComponent"] > div.wrapper > div.columns > nav.column { padding: 0 12px 0 0; } [data-view-name="FooterComponent"] > div.wrapper > div.columns > nav.column > div.headline { font-size: 15.5px; font-weight: 700; letter-spacing: 0.25px; height: 40px; line-height: 40px; color: var(--gishty-color-dark); text-transform: uppercase; font-family: var(--gishty-font-family-headline); opacity: 0.75; } [data-view-name="FooterComponent"] > div.wrapper > div.columns > nav.column > a { display: block; color: var(--gishty-color-dark-o70); position: relative; opacity: 0.80; transition: opacity var(--gishty-duration-root); } [data-view-name="FooterComponent"] > div.wrapper > div.columns > nav.column > a:hover { opacity: 1.00; } [data-view-name="FooterComponent"] > div.wrapper > div.columns > nav.column > a > span.copy { display: block; height: 28px; line-height: 28px; font-size: 14px; max-width: calc(100% - 8px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > div.legal { float: left; width: 50%; color: var(--gishty-color-dark-o40); font-size: 14px; /* height: 20px;*/ line-height: 20px; letter-spacing: 0.15px; } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > div.legal > a { color: var(--gishty-color-dark-o70); opacity: 0.80; transition: opacity var(--gishty-duration-root); } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > div.legal > a:hover { opacity: 1.00; } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > nav.social { float: right; width: calc(24px + 24px + 24px + 24px + 24px + (4px * 4)); } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > nav.social > a { display: block; float: left; width: 24px; height: 20px; line-height: 20px; margin: 0 4px 0 0; } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > nav.social > a:last-child { margin: 0 0 0 0; } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > nav.social > a > span { display: block; width: 24px; height: 20px; line-height: 20px; transform: scale(0.80); background-color: var(--gishty-color-dark-o40); transition: background-color var(--gishty-duration-root); } [data-view-name="FooterComponent"] > div.wrapper > div.secondary > nav.social > a:hover > span { background-color: var(--gishty-color-dark-o85); } /** * Badge * */ [data-view-name="FooterComponent"] span.badge { display: block; height: 16px; border-radius: 3px 3px 3px 3px; color: #ffffff; font-size: 9.5px; font-weight: 600; line-height: 16px; padding: 0 4px 0 4px; position: absolute; left: -4px; transform: translateX(-100%); text-transform: uppercase; top: 6px; background-color: var(--gishty-color-orange); box-shadow: 0 0 0 1px var(--gishty-color-beige); } /** * Emoji * * @see https://chatgpt.com/c/69014215-5840-832d-acf4-2413229402cd */ [data-view-name="FooterComponent"] span.emoji { display: block; height: 16px; font-size: 16px; font-weight: 600; line-height: 16px; padding: 0 0 0 4px; position: absolute; left: -24px; text-transform: uppercase; top: 6px; } [data-view-name="FooterComponent"]:hover span.emoji { transform-origin: 70% 70%; animation: wave 1800ms ease-in-out infinite; } /** * /static/css/components/header.css * */ html:not([class^="theme-"]) > body > [data-view-name="HeaderComponent"] { background-color: var(--gishty-color-beige); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } [data-view-name="HeaderComponent"] { height: var(--gishty-header-height); z-index: 20; position: fixed; left: 0; right: 0; background-color: var(--gishty-theme-color); } [data-view-name="HeaderComponent"] > div.wrapper { height: var(--gishty-header-height); } /** * .nav * */ [data-view-name="HeaderComponent"] > div.wrapper > nav { float: left; height: 24px; margin: calc((var(--gishty-header-height) - 24px) / 2) 0 0 0; } [data-view-name="HeaderComponent"] > div.wrapper > nav > a { display: block; float: left; height: 24px; margin: 0 18px 0 0; } [data-view-name="HeaderComponent"] > div.wrapper > nav > a > span { display: block; font-family: var(--gishty-font-family-headline); font-size: 18px; line-height: 24px; height: 24px; font-weight: 500; color: var(--gishty-color-dark); } [data-view-name="HeaderComponent"] > div.wrapper > nav > a:not(.search) > span { position: relative; } [data-view-name="HeaderComponent"] > div.wrapper > nav > a:not(.search) > span::after { content: ''; position: absolute; left: 0; bottom: -2px; border-radius: 100px; width: 0; height: 2px; transition: width var(--gishty-duration-root); background-color: var(--gishty-color-dark); } html[data-path="^/about$"] [data-view-name="HeaderComponent"] > div.wrapper > nav > a.about > span::after, html[data-path^="^/roadmap"] [data-view-name="HeaderComponent"] > div.wrapper > nav > a.roadmap > span::after, html[data-path="^/newsletters$"] [data-view-name="HeaderComponent"] > div.wrapper > nav > a.newsletters > span::after, [data-view-name="HeaderComponent"] > div.wrapper > nav > a:not(.search) > span:hover::after { width: 100%; } [data-view-name="HeaderComponent"] > div.wrapper > nav > a.search > span { width: 24px; transform: scale(0.64); transition: transform var(--gishty-duration-root); background-color: var(--gishty-color-dark); } [data-view-name="HeaderComponent"] > div.wrapper > nav > a.search:hover > span { transform: scale(0.80); } /** * .logo * */ [data-view-name="HeaderComponent"] > div.wrapper > a.logo { display: block; height: 32px; max-width: 180px; position: absolute; margin: calc((var(--gishty-header-height) - 32px) / 2) 0 0 0; left: 50%; transform: translateX(-50%); } [data-view-name="HeaderComponent"] > div.wrapper > a.logo > img { display: block; height: 32px; max-width: 180px; } /** * div.actions * */ [data-view-name="HeaderComponent"] > div.wrapper > div.actions { float: right; height: 32px; margin: calc((var(--gishty-header-height) - 32px) / 2) 0 0 0; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button { float: left; margin: 0 0 0 8px; background-color: rgba(0, 0, 0, 0.08); width: auto; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button:first-child { margin: 0 0 0 0; } /*[data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button:last-child {*/ /*}*/ [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button > span.copy { padding: 0 12px 0 12px; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button:not(.primary) > span.copy { color: var(--gishty-color-dark); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button.primary { background-color: var(--gishty-color-orange); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button.primary > span.copy { color: #ffffff; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search { margin: 0 0 0 8px; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu { margin: 0 0 0 8px; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search, [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu { display: none; height: 24px; width: 24px; float: left; margin-top: calc((32px - 24px) / 2); opacity: 1.00; transition: opacity var(--gishty-duration-root); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search > span, [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu > span { display: block; height: 24px; transition: transform var(--gishty-duration-root); width: 24px; transform: scale(0.64); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search:hover > span, [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu:hover > span { transform: scale(0.80); } /** * div.actions > a.circle * */ [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle { float: left; display: block; position: relative; height: 32px; line-height: 32px; width: 32px; border-radius: 100px; margin: 0 0 0 8px; transition: box-shadow var(--gishty-duration-root); background-color: var(--gishty-color-dark); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.copy { display: block; height: 32px; line-height: 32px; width: 32px; text-align: center; font-size: 14px; font-family: var(--gishty-font-family-headline); color: #ffffff; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.badge { display: block; height: 16px; border-radius: 3px 3px 3px 3px; color: #ffffff; font-size: 10px; line-height: 16px; padding: 0 4px 0 4px; position: absolute; right: calc(0px - 50% + 4px); transform: translateX(50%); top: -3px; background-color: var(--gishty-color-orange); box-shadow: 0 0 0 1px var(--gishty-color-beige); } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35); } /** * Themes * */ html.theme-light-background > body > [data-view-name="HeaderComponent"] { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } html.theme-dark-background > body > [data-view-name="HeaderComponent"] { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > a.logo > img { filter: brightness(0) invert(1); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > nav > a > span { color: var(--gishty-theme-text-color); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > nav > a:not(.search) > span::after { background-color: var(--gishty-theme-text-color); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > nav > a.search > span { background-color: var(--gishty-theme-text-color); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button:not(.primary) { background-color: rgba(0, 0, 0, 0.08); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button:not(.primary) > span.copy { color: var(--gishty-theme-text-color); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button.primary { background-color: var(--gishty-theme-text-color); } html.theme-light-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button.primary > span.copy { color: #ffffff; } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.button.primary > span.copy { color: var(--gishty-color-dark); } html.theme-light-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle { background-color: var(--gishty-color-dark); } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle { background-color: #ffffff; } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search > span, html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu > span { background-color: var(--gishty-theme-text-color); } html.theme-light-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.copy { color: var(--gishty-color-light); } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.copy { color: var(--gishty-color-dark); } html[class^="theme-"] > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.badge { box-shadow: 0 0 0 1px var(--gishty-theme-color); } html.theme-light-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35); } html.theme-dark-background > body > [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle:hover { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35); } /** * Responsive * */ @media (max-width: 810px) { [data-view-name="HeaderComponent"] > div.wrapper > nav { display: none; } [data-view-name="HeaderComponent"] > div.wrapper > a.logo { left: auto; transform: none; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search, [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu { display: block; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.badge { right: auto; left: calc(0px - 50% + 4px); transform: translateX(-50%); } } @media (max-width: 440px) { [data-view-name="HeaderComponent"] > div.wrapper { padding: 0 calc(var(--gishty-page-padding) * 0.75) 0 calc(var(--gishty-page-padding) * 0.75); } [data-view-name="HeaderComponent"] > div.wrapper > nav { display: none; } [data-view-name="HeaderComponent"] > div.wrapper > a.logo { left: auto; transform: none; } [data-view-name="HeaderComponent"] > div.wrapper > a.logo > img { /* max-width: 120px;*/ max-width: 108px; object-fit: contain; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.search, [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.menu { display: block; } [data-view-name="HeaderComponent"] > div.wrapper > div.actions > a.circle > span.badge { } } /** * /static/css/components/shared/newsletterNavigation.css * */ [data-view-name="NewsletterNavigationComponent"] { width: 332px; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary { padding: 24px 24px 24px 24px; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items { font-size: 19px; font-family: var(--gishty-font-family-headline); line-height: 20px; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item { margin: 0 0 16px 0; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item:last-child { margin: 0 0 0 0; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a { display: block; height: 40px; line-height: 40px; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a > span.media { display: block; float: left; height: 40px; width: 40px; margin: 0 16px 0 0; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a > span.media > img { display: block; width: 100%; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a > span.copy { display: block; float: left; width: calc(100% - 40px - 16px); height: 40px; line-height: 40px; color: var(--gishty-color-dark-o70); transition: all var(--gishty-duration-root); font-weight: 600; } [data-view-name="NewsletterNavigationComponent"] > div.body > div.primary > div.body > div.items > div.item > a:hover > span.copy { color: var(--gishty-color-dark); } /** * /static/css/components/shared/pagination.css * * @see https://chatgpt.com/c/68f8f047-cd78-8333-8acd-bc91ca58fdbf */ [data-view-name="PaginationComponent"] { position: absolute; height: 60px; right: 0; bottom: calc(0px - 60px - 18px); left: 0; margin: 0 auto; } [data-view-name="PaginationComponent"] > ul { margin: 0 0 0 0; padding: 18px 0 0 0; display: flex; justify-content: center; align-items: center; } [data-view-name="PaginationComponent"] > ul > li { display: block; float: left; height: 48px; line-height: 48px; border: 1px solid #cccccc; border-left-width: 0; background-color: #ffffff; overflow: hidden; } [data-view-name="PaginationComponent"] > ul > li:first-child { border-left-width: 1px; } [data-view-name="PaginationComponent"] > ul > li > a { text-decoration: none; display: block; min-width: 48px; text-align: center; padding: 0 12px 0 12px; color: #000000; transition: background-color var(--gishty-duration-root); } [data-view-name="PaginationComponent"] > ul > li > a[href]:not([href="#"]):hover { background-color: #191714; color: var(--gishty-color-light); } [data-view-name="PaginationComponent"] > ul > li.active { background-color: #191714; cursor: not-allowed; } [data-view-name="PaginationComponent"] > ul > li.active > a { font-weight: 700; pointer-events: none; color: var(--gishty-color-light); } [data-view-name="PaginationComponent"] > ul > li.disabled { cursor: not-allowed; } [data-view-name="PaginationComponent"] > ul > li.disabled > a { pointer-events: none; opacity: 0.25; } /** * /static/css/components/shared/planOptions.css * */ [data-view-name="PlanOptionsComponent"] > div.options { display: flex; justify-content: center; align-items: stretch; gap: 16px; margin: 0 auto; max-width: calc(100vw - var(--gishty-page-padding) - var(--gishty-page-padding)); } [data-view-name="PlanOptionsComponent"] > div.options > div.option { border: 1px solid transparent; position: relative; width: 344px; background: #f5f5f5; padding: 16px 16px 16px 16px; cursor: pointer; } [data-view-name="PlanOptionsComponent"] > div.options > div.option[data-plan-interval-unit="month"] { transform: scale(0.96); transform-origin: top center; opacity: 0.75; } [data-view-name="PlanOptionsComponent"] > div.options > div.option[data-plan-interval-unit="none"] { transform: scale(0.96); transform-origin: top center; opacity: 0.75; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > header > div.headline { font-size: 19px; line-height: 24px; font-weight: 700; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > div.selector { position: absolute; right: 16px; top: 16px; width: 20px; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > div.selector > div.symbol { width: 20px; height: 20px; border: 1px solid #B3B1AE; position: relative; top: 2px; margin: 0 0 0 0; padding: 2px 2px 2px 2px; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > div.selector > div.symbol > div.graphic { width: 100%; height: 100%; background-color: var(--gishty-color-orange); opacity: 0.00; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > div.body > ul { background-color: var(--gishty-color-beige); /* padding: 24px 24px 24px 24px;*/ padding: 24px 16px 24px 24px; line-height: 1.30em; list-style-type: disc; } [data-view-name="PlanOptionsComponent"] > div.options > div.option > div.body > ul > li { line-height: 1.5em; padding: 0 0 4px 0; } /** * States (selected) * */ [data-view-name="PlanOptionsComponent"] > div.options > div.option.selected { border: 1px solid var(--gishty-color-orange); outline: 1px solid var(--gishty-color-orange); } [data-view-name="PlanOptionsComponent"] > div.options > div.option:not(.selected):hover { border: 1px dashed var(--gishty-color-orange); } [data-view-name="PlanOptionsComponent"] > div.options > div.option.selected > div.selector > div.symbol { border: 2px solid var(--gishty-color-orange); } [data-view-name="PlanOptionsComponent"] > div.options > div.option.selected > div.selector > div.symbol > div.graphic { opacity: 1.00; } /** * Actions * */ [data-view-name="PlanOptionsComponent"] > div.actions { max-width: 384px; margin: 0 auto 0 auto; } /** * Responsive * */ @media (max-width: 810px) { [data-view-name="PlanOptionsComponent"] > div.options { display: grid; } [data-view-name="PlanOptionsComponent"] > div.options > div.option { margin: 0 auto 0 auto; order: 3; transform-origin: center; } [data-view-name="PlanOptionsComponent"] > div.options > div.option[data-plan-interval-unit="month"] { order: 2; } [data-view-name="PlanOptionsComponent"] > div.options > div.option[data-plan-interval-unit="year"] { order: 1; } } /** * /static/css/components/shared/menu.css * */ [data-view-name="MenuComponent"] { width: 160px; } [data-view-name="MenuComponent"] > div.body > div.primary { padding: 12px 16px 12px 16px; } [data-view-name="MenuComponent"] > div.body > div.primary > div.body > div.items { font-size: 14px; line-height: 20px; } [data-view-name="MenuComponent"] > div.body > div.primary > div.body > div.items > div.item > a { display: block; height: 24px; line-height: 24px; } [data-view-name="MenuComponent"] > div.body > div.primary > div.body > div.items > div.item > a > span.copy { display: block; height: 24px; line-height: 24px; color: var(--gishty-color-dark-o70); transition: all var(--gishty-duration-root); font-weight: 600; } [data-view-name="MenuComponent"] > div.body > div.primary > div.body > div.items > div.item > a:hover > span.copy { color: var(--gishty-color-dark); } /** * /static/css/components/shared/tabs.css * * @see https://chatgpt.com/c/68e1a2ff-8adc-8326-8993-ba50c89cd593 * @see https://chatgpt.com/c/68e9fca0-57a0-832a-9ae6-9466813bc0b4 */ [data-view-name="TabsComponent"] { container-name: TabsComponent; container-type: inline-size; border-bottom: 1px solid var(--gishty-color-dark-o12); position: sticky; z-index: 10; padding: 56px 0 0 0; top: var(--gishty-header-height); margin: -36px 0 0 0; background-color: #ffffff; box-shadow: 0 20px 20px -10px rgba(255, 255, 255, 0.8); } [data-view-name="TabsComponent"].slim { padding: 18px 0 0 0; } [data-view-name="TabsComponent"]::before { content: ''; position: absolute; left: -10px; right: -10px; top: 0; background-color: #ffffff; width: calc(100% + 10px + 10px); height: 100%; } [data-view-name="TabsComponent"] > a { display: block; float: left; height: 48px; line-height: 48px; font-family: var(--gishty-font-family-headline); font-weight: 500; color: var(--gishty-color-dark); margin: 0 24px 0 0; font-size: 18px; position: relative; transition: color var(--gishty-duration-root); } [data-view-name="TabsComponent"] > a::after { content: ''; position: absolute; left: 0; width: 0px; height: 1px; background-color: var(--gishty-color-orange); bottom: -1px; transition: width var(--gishty-duration-root); } [data-view-name="TabsComponent"] > a:hover, [data-view-name="TabsComponent"] > a.selected { color: var(--gishty-color-orange); } [data-view-name="TabsComponent"] > a:hover::after, [data-view-name="TabsComponent"] > a.selected::after { width: 100%; } [data-view-name="TabsComponent"] > a:last-child { margin: 0 0 0 0; } /** * Responsive * */ @container TabsComponent (max-width: 520px) { [data-view-name="TabsComponent"] > a { margin: 0 12px 0 0; } } @container TabsComponent (max-width: 460px) { [data-view-name="TabsComponent"] > a { font-size: 16px; } } @container TabsComponent (max-width: 420px) { [data-view-name="TabsComponent"] > a { font-size: 15px; } } @container TabsComponent (max-width: 390px) { [data-view-name="TabsComponent"] > a { font-size: 16px; } } /** * /static/css/components/testimonials/block.css * */ [data-view-name="TestimonialBlockComponent"] { position: relative; padding: 12px 12px 12px 12px; } [data-view-name="TestimonialBlockComponent"] > header > div.media { float: left; height: 40px; width: 40px; margin: 0 8px 0 0; } [data-view-name="TestimonialBlockComponent"] > header > div.media > div.img { height: 100%; width: 100%; } [data-view-name="TestimonialBlockComponent"] > header > div.media > div.img > img { height: 100%; display: block; margin: 0 auto 0 auto; border-radius: 100px 100px 100px 100px; aspect-ratio: 1; object-fit: cover; } [data-view-name="TestimonialBlockComponent"] > header > div.content { float: left; width: calc(100% - 40px - 8px); } [data-view-name="TestimonialBlockComponent"] > header > div.content > div { height: 20px; line-height: 20px; } [data-view-name="TestimonialBlockComponent"] > header > div.content > div.name { font-size: 14px; letter-spacing: 0.15px; } [data-view-name="TestimonialBlockComponent"] > header > div.content > div.location { font-size: 12.5px; letter-spacing: 0.25px; color: var(--gishty-color-dark-o55); } [data-view-name="TestimonialBlockComponent"] > div.body > div.copy { font-size: 16px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-view-name="TestimonialBlockComponent"] > footer div.timestamp { font-size: 14px; line-height: 20px; color: var(--gishty-color-dark-o70); text-align: right; } /** * div.overlay * */ [data-view-name="TestimonialBlockComponent"] > div.overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.00; transition: opacity 250ms; cursor: pointer; } [data-view-name="TestimonialBlockComponent"]:hover > div.overlay { opacity: 1.00; } [data-view-name="TestimonialBlockComponent"] > div.overlay > div.background { background: rgba(0, 0, 0, 0.12); border-radius: 8px 8px 8px 8px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } [data-view-name="TestimonialBlockComponent"] > div.overlay > div.content { height: 100%; display: flex; align-items: center; justify-content: center; z-index: 3; position: relative; } [data-view-name="TestimonialBlockComponent"] > div.overlay > div.content > a { margin: 0 auto 0 auto; opacity: 1.00; width: 40%; } /** * /static/css/components/testimonials/blocks.css * */ [data-view-name="TestimonialBlocksComponent"] { color: var(--gishty-color-dark); display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 36px 36px; } /** * Responsive * */ @media (max-width: 810px) { [data-view-name="TestimonialBlocksComponent"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 510px) { [data-view-name="TestimonialBlocksComponent"] { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 440px) { [data-view-name="TestimonialBlocksComponent"] { grid-template-columns: repeat(1, 1fr); } } /** * /static/css/shared/base.css * */ /** * * */ html[data-view-name$="AdminPage"], [data-view-name$="AdminPage"] body { height: 100%; margin: 0; } [data-view-name$="AdminPage"] body { max-width: 100%; font-size: 14px; color: #444444; background-color: #f5f5f5; } [data-view-name$="AdminPage"] body main { background-color: #f5f5f5; } html[data-view-name$="AdminPage"].no-scroll { overflow: hidden; scrollbar-gutter: stable; } [data-view-name$="AdminPage"] body * { box-sizing: border-box; } [data-view-name$="AdminPage"] span.sup { display: inline-block; font-size: 11px; padding: 0 0 0 0; position: relative; top: -1em; } [data-view-name$="AdminPage"] body > main { margin: 0 0 0 var(--gishty-admin-nav-width); padding: 14px 14px 56px 14px; } [data-view-name$="AdminPage"] body > main.full-height { height: 100%; padding: 14px 14px 14px 14px; } [data-view-name$="AdminPage"] body > main a { color: #000000; text-decoration: underline; } [data-view-name$="AdminPage"] body > main h1 { font-size: 19px; height: 30px; line-height: 30px; } [data-view-name$="AdminPage"] body > main h1 a { text-decoration: none; } [data-view-name$="AdminPage"] body > main h1 a .copy { text-decoration: underline; } [data-view-name$="AdminPage"] body > main h1 span.divider { opacity: 0.40; padding: 0 4px 0 4px; } [data-view-name$="AdminPage"] [data-view-name$="ModalComponent"].open, [data-view-name$="AdminPage"] [data-view-name$="PanelComponent"].open { backdrop-filter: blur(0); } [data-view-name$="AdminPage"] .bold { font-weight: 700; } [data-view-name$="AdminPage"] .hidden { display: none !important; } [data-view-name$="AdminPage"] .cursor-default { cursor: default; } [data-view-name$="AdminPage"] .position-absolute { /* position: absolute;*/ } [data-view-name$="AdminPage"] .emphasize { /* background-color: #ffffd0;*/ background-color: #fffad1; } [data-view-name$="AdminPage"] .font-family-monospace { font-family: monospace; } [data-view-name$="AdminPage"] .float-left { float: left; } [data-view-name$="AdminPage"] .height-80 { height: 80px !important; } [data-view-name$="AdminPage"] .padding-4 { padding: 4px 4px 4px 4px !important; } [data-view-name$="AdminPage"] .padding-lr-4 { padding: 0 4px 0 4px !important; } [data-view-name$="AdminPage"] .display-block { display: block; } [data-view-name$="AdminPage"] .text-decoration-none { text-decoration: none; } [data-view-name$="AdminPage"] .display-inline-block { display: inline-block; } [data-view-name$="AdminPage"] .spacer-12 { height: 12px; } [data-view-name$="AdminPage"] .spacer-16 { height: 16px; } [data-view-name$="AdminPage"] .spacer-20 { height: 20px; } [data-view-name$="AdminPage"] .spacer-24 { height: 24px; } [data-view-name$="AdminPage"] .spacer-28 { height: 28px; } [data-view-name$="AdminPage"] .margin-lr-24 { margin-left: 24px !important; margin-right: 24px !important; } [data-view-name$="AdminPage"] .border-radius-4 { border-radius: 4px 4px 4px 4px; } [data-view-name$="AdminPage"] .background-color-error { background-color: var(--gishty-badge-error-text-color); } [data-view-name$="AdminPage"] .color-error { color: var(--gishty-badge-error-text-color); } [data-view-name$="AdminPage"] .color-white { color: #ffffff; } [data-view-name$="AdminPage"] hr { height: 1px; line-height: 1px; border: none; outline: none; background-color: var(--gishty-color-admin-divider); margin: 12px 0 12px 0; } [data-view-name$="AdminPage"] hr.range-2 { margin: 2px 0 2px 0; } [data-view-name$="AdminPage"] hr.range-4 { margin: 4px 0 4px 0; } [data-view-name$="AdminPage"] hr.range-6 { margin: 6px 0 6px 0; } [data-view-name$="AdminPage"] hr.range-8 { margin: 8px 0 8px 0; } [data-view-name$="AdminPage"] hr.range-10 { margin: 10px 0 10px 0; } /*[data-view-name$="AdminPage"] .clearfix::after { content: ""; clear: both; display: table; } */ /** * /static/css/results/base.css * */ /** * Container * */ html[data-view-name$="AdminPage"] main > div.results-wrapper { font-size: 13px; } html[data-view-name$="AdminPage"] main.full-height > div.results-wrapper { height: calc(100% - 30px - 12px - 1px - 12px); } html[data-view-name$="AdminPage"] main.full-height > div.results-wrapper.paginated { height: calc(100% - 30px - 12px - 1px - 12px - 60px); } /** * Headers * */ html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers { background-color: #ffffff; position: sticky; left: 0; right: 0; top: 0; height: var(--gishty-admin-results-header-height); border-radius: 6px 6px 0 0; border-bottom: 1px solid var(--gishty-admin-divider-color); margin: 0 0 0 0; padding: 0 calc(4px + 0px) 0 calc(4px + 8px); z-index: 2; /* overflow: auto;*/ } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-database-column-name] > span { display: none; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-database-column-name].ascending > span.ascending, html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-database-column-name].descending > span.descending { display: inline-block; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-database-column-name] > a { text-decoration: none; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-results-column-name] { cursor: not-allowed; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div[data-results-column-name] > a { text-decoration: none; opacity: 0.40; pointer-events: none; } html[data-view-name$="AdminPage"] main.full-height > div.results-wrapper > div.headers { padding: 0 calc(4px + var(--gishty-scrollbar-width)) 0 calc(4px + 8px); } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: var(--gishty-admin-results-header-height); line-height: var(--gishty-admin-results-header-height); font-weight: 700; padding: 0 14px 0 0; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div > div.column { display: inline; cursor: pointer; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.headers > div > div.column:hover { text-decoration: underline; } /** * Results * */ html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results { width: 100%; position: relative; height: calc(100% - var(--gishty-admin-results-header-height)); /* overflow: auto;*/ } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records { background-color: #ffffff; border-radius: 0 0 6px 6px; padding: 4px 0 4px 0; height: 100%; overflow: auto; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record { padding: 0 0 0 8px; margin: 0 4px 0 4px; } html[data-view-name$="AdminPage"] main.full-height > div.results-wrapper > div.results > div.records { scrollbar-gutter: stable; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record > div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: var(--gishty-admin-results-row-min-height); line-height: var(--gishty-admin-results-row-min-height); padding: 0 14px 0 0; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record:hover { background-color: #eeeeee; border-radius: 4px 4px 4px 4px; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record.active { background-color: #fffad1; border-radius: 4px 4px 4px 4px; } /** * Actions * */ html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record > div[data-results-column-name="actions"] { opacity: 0.00; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record:hover > div[data-results-column-name="actions"] { opacity: 1.00 !important; } html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.records > div.record > div[data-results-column-name="actions"] > [data-trigger] { text-decoration: none; } /** * Empty * */ html[data-view-name$="AdminPage"] main > div.results-wrapper > div.results > div.empty { background-color: #ffffff; height: 96px; line-height: 96px; text-align: center; font-size: 17px; font-weight: 500; } /** * * */ html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name] { width: 96px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name="id"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name="id"] { width: 48px; font-size: 10px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name="publicId"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name="publicId"] { width: 92px; font-size: 11px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="Timestamp"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="Timestamp"] { width: 108px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="amount" i], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="amount" i] { width: 92px; text-align: right; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="active"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="active"] { width: 64px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="name"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="name"] { width: 148px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="user" i], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="user" i] { width: 148px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="destination"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="destination"] { width: 148px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="userAgent"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="userAgent"] { width: 296px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="content"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="content"] { width: 164px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="emailAddress"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="emailAddress"] { width: 196px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="identifier"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="identifier"] { width: 124px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="title" i], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="title" i] { width: 224px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="label"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name="label"] { width: 124px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="type"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="type"] { width: 198px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="url" i], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="url" i] { width: 224px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="assetId" i], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="assetId" i] { width: 72px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="dimensions"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="dimensions"] { width: 102px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="published"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="published"] { width: 72px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="filesize"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="filesize"] { width: 102px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="Count"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="Count"] { width: 96px; text-align: right; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-database-column-name$="Weight"], html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name$="Weight"] { width: 96px; text-align: right; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name="statuses"] { width: 52px; } html[data-view-name$="AdminPage"] main > div.results-wrapper div[data-results-column-name="actions"] { width: 52px; } /** * /static/css/pages/interviews/view.css * */ /** * div.hero * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.hero { background-color: var(--gishty-theme-color); } /** * div.primary * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary { float: left; width: 50%; gap: 16px; text-align: left; min-height: 320px; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a { color: var(--gishty-theme-text-color-o70); } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a:hover { color: var(--gishty-theme-text-color); } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > span.divider { color: var(--gishty-theme-text-color-o25); } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { color: var(--gishty-theme-text-color); font-size: clamp(32px, calc(100vw / 20), 64px); line-height: 1.10em; word-wrap: break-word; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary > div.body > div.copy > p { color: var(--gishty-theme-text-color); } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary { height: 320px; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media { height: 100%; width: 100%; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.img { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.img > img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto 0 auto; padding: 36px 36px 36px 36px; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit { position: absolute; right: 0; bottom: 24px; color: var(--gishty-theme-text-color-o55); font-size: 13px; height: 18px; line-height: 18px; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > span.copy { display: inline-block; height: 18px; line-height: 18px; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > a { color: var(--gishty-theme-text-color-o70); transition: color var(--gishty-duration-root); } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > a:hover { color: var(--gishty-theme-text-color); } /** * div.content * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.interview { float: left; width: 60%; position: relative; } /** * div.state * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.interview > div.states > div.state { display: none; } html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.interview:not([data-state-path$="/about"]) > div.states > div.state[data-state-path]:not([data-state-path$="/about"]), html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.interview[data-state-path$="/about"] > div.states > div.state[data-state-path$="/about"] { display: block; } /** * div.context * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.context { position: sticky; float: right; width: calc(40% - 16px); right: 0; top: calc(var(--gishty-header-height) + 36px); margin: 0 0 0 16px; max-height: calc(100vh - var(--gishty-header-height) - 36px); overflow-y: auto; } /** * Responsive * */ @media (max-width: 720px) { html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary { float: none; width: 100%; } } @media (max-width: 1100px) { html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.interview { float: none; width: 100%; } html[data-view-name="ViewInterviewsPage"] > body > main > div.content > div.wrapper > div.context { float: none; width: 100%; margin: 20px 0 0 0; max-height: none; overflow-y: visible; } } /** * Asset removal * */ html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.primary { width: 100%; } html[data-view-name="ViewInterviewsPage"] > body > main > div.hero > div.wrapper > div.secondary { display: none; } /** * /static/css/pages/issues/view.css * */ /** * div.hero * */ html[data-view-name="ViewIssuesPage"] > body > main > div.hero { background-color: var(--gishty-theme-color); } /** * div.primary * */ html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary { float: left; width: 50%; gap: 16px; text-align: left; min-height: 320px; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a { color: var(--gishty-theme-text-color-o70); } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > a:hover { color: var(--gishty-theme-text-color); } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs > span.divider { color: var(--gishty-theme-text-color-o25); } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { color: var(--gishty-theme-text-color); font-size: clamp(32px, calc(100vw / 20), 64px); line-height: 1.10em; word-wrap: break-word; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary > div.body > div.copy > p { color: var(--gishty-theme-text-color); } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary { height: 320px; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media { height: 100%; width: 100%; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.img { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.img > img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto 0 auto; padding: 36px 36px 36px 36px; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit { position: absolute; right: 0; bottom: 24px; color: var(--gishty-theme-text-color-o55); font-size: 13px; height: 18px; line-height: 18px; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > span.copy { display: inline-block; height: 18px; line-height: 18px; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > a { color: var(--gishty-theme-text-color-o70); transition: color var(--gishty-duration-root); } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.credit > a:hover { color: var(--gishty-theme-text-color); } /** * div.content * */ html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue { float: left; width: 60%; position: relative; } /** * div.state * */ html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue > div.states > div.state { display: none; } html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue:not([data-state-path$="/sources"]):not([data-state-path$="/contribute"]) > div.states > div.state[data-state-path]:not([data-state-path$="/sources"]):not([data-state-path$="/contribute"]), html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue[data-state-path$="/sources"] > div.states > div.state[data-state-path$="/sources"], html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue[data-state-path$="/contribute"] > div.states > div.state[data-state-path$="/contribute"] { display: block; } /** * div.context * */ html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.context { position: sticky; float: right; width: calc(40% - 16px); right: 0; top: calc(var(--gishty-header-height) + 36px); margin: 0 0 0 16px; max-height: calc(100vh - var(--gishty-header-height) - 36px); overflow-y: auto; } /** * /preview * */ html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > header { display: none; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main { padding: 0 0 0 0; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main > div.hero { top: 0; padding: 0 0 0 0; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main > div.hero > div.wrapper > div.primary > header > div.breadcrumbs { display: none; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main > div.content > div.wrapper > div.issue > [data-view-name="TabsComponent"] { display: none; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main > div.content > div.wrapper > div.context { display: none; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > main > div.content > div.wrapper > div.issue { float: none; width: 100%; } html[data-view-name="ViewIssuesPage"][data-path$="/preview$"] > body > footer > div.wrapper [data-view-name="NewsletterSubscribeBannerComponent"] { display: none; } /** * Responsive * */ @media (max-width: 1100px) { html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary { width: 60%; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary { width: 40%; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary > div.media > div.img > img { padding: 18px 18px 18px 18px; } html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.issue { float: none; width: 100%; } html[data-view-name="ViewIssuesPage"] > body > main > div.content > div.wrapper > div.context { float: none; width: 100%; margin: 20px 0 0 0; max-height: none; overflow-y: visible; } } /** * Asset removal * */ html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.primary { width: 100%; } html[data-view-name="ViewIssuesPage"] > body > main > div.hero > div.wrapper > div.secondary { display: none; } /** * /static/css/pages/legal/cookie-policy.css * */ /** * div.hero ... div.primary * */ html[data-view-name="CookiePolicyLegalPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="CookiePolicyLegalPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } @media (max-width: 768px) { span.code { /* overflow-wrap: break-word; word-break: break-word; hyphens: auto;*/ } } /** * /static/css/pages/legal/gdpr-rights.css * */ /** * div.hero ... div.primary * */ html[data-view-name="GDPRRightsLegalPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="GDPRRightsLegalPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * /static/css/pages/legal/impressum.css * */ /** * div.hero ... div.primary * */ html[data-view-name="ImpressumLegalPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="ImpressumLegalPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * /static/css/pages/legal/privacy.css * */ /** * div.hero ... div.primary * */ html[data-view-name="PrivacyPolicyLegalPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="PrivacyPolicyLegalPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * /static/css/pages/legal/terms-of-service.css * */ /** * div.hero ... div.primary * */ html[data-view-name="TermsOfServiceLegalPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="TermsOfServiceLegalPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * /static/css/pages/newsletters/index.css * */ /** * div.hero ... div.primary * */ html[data-view-name="IndexNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="IndexNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * div.headline * */ html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header { border-bottom: 1px solid #dedcda; } html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media { float: left; width: 48px; height: 48px; margin: 0 8px 0 0; } html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media > div.img > a { display: block; } html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media > div.img > a > img { display: block; width: 100%; transform: scale(0.80); } html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.headline { float: left; width: calc(100% - 48px - 8px); } html[data-view-name="IndexNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.headline > h2 { font-size: clamp(28px, calc(100vw / 20), 44px); line-height: 48px; font-family: var(--gishty-font-family-headline); letter-spacing: 0.25px; padding: 0 0 16px 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * /static/css/pages/newsletters/subscribe.css * */ [data-view-name="SubscribeNewslettersPage"] { container-name: SubscribeNewslettersPage; container-type: inline-size; } html[data-view-name="SubscribeNewslettersPage"] > body > main > div.content > div.wrapper > div.body > form > div.copy > p.block > span.previewWrapper { /* display: none;*/ } @container SubscribeNewslettersPage (max-width: 720px) { @media (hover: none) and (pointer: coarse) { html[data-view-name="SubscribeNewslettersPage"] > body > main > div.content > div.wrapper > div.body > form > div.copy > p.block > span.previewWrapper { display: none; } } } /** * /static/css/pages/newsletters/view.css * */ /** * div.hero * */ html[data-view-name="ViewNewslettersPage"] > body > main > div.hero { background-color: var(--gishty-color-beige); } /** * div.primary * */ html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary { float: left; width: 50%; gap: 16px; text-align: left; min-height: 270px; padding: 0 8px 0 0; } html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: clamp(32px, calc(100vw / 20), 56px); line-height: 1.10em; } html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary > div.body > div.copy > p { color: var(--gishty-theme-text-color); } /** * div.secondary * * @note justify-content: aligns child to the bottom vertically * @note align-items: aligns child to the right horizontally */ html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.secondary { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } /** * div.state * */ html[data-view-name="ViewNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletter > div.states > div.state { display: none; } html[data-view-name="ViewNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletter:not([data-state-path$="/interviews"]):not([data-state-path$="/contribute"]) > div.states > div.state[data-state-path]:not([data-state-path$="/interviews"]):not([data-state-path$="/contribute"]) { display: grid; } html[data-view-name="ViewNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletter[data-state-path$="/interviews"] > div.states > div.state[data-state-path$="/interviews"], html[data-view-name="ViewNewslettersPage"] > body > main > div.content > div.wrapper > div.newsletter[data-state-path$="/contribute"] > div.states > div.state[data-state-path$="/contribute"] { display: block; } /** * Responsive * */ @media (max-width: 860px) { html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary { float: none; width: 100%; } html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 36px; line-height: 1.20em; } html[data-view-name="ViewNewslettersPage"] > body > main > div.hero > div.wrapper > div.secondary { display: none; float: none; width: 100%; } } /** * /static/css/pages/root/404.css * */ /** * main div.wrapper * */ html[data-view-name="Four04RootPage"] > body > main { display: flex; flex-direction: column; position: relative; justify-content: center; } html[data-view-name="Four04RootPage"] > body > main > div.content > div.wrapper { /* padding: 36px 0 36px 0;*/ padding: 36px var(--gishty-page-padding) 36px var(--gishty-page-padding); } html[data-view-name="Four04RootPage"] > body > main > div.content > div.wrapper > header > div.media > div.graphic { background-color: var(--gishty-color-error-red); width: 106px; height: 106px; } html[data-view-name="Four04RootPage"] > body > main > div.content > div.wrapper > header > div.headline > h1 { font-size: 80px; line-height: 80px; font-weight: 700; font-family: var(--gishty-font-family-headline); color: var(--gishty-color-error-red); } html[data-view-name="Four04RootPage"] > body > main > div.content > div.wrapper > div.body > p { font-size: 20px; line-height: 28px; } /** * /static/css/pages/root/about.css * */ /** * div.hero * */ html[data-view-name="AboutRootPage"] > body > main > div.hero { background-color: rgba(0, 0, 0, 0.80); } html[data-view-name="AboutRootPage"] > body > [data-view-name="HeaderComponent"] { background-color: rgba(0, 0, 0, 0.00); border-bottom-color: rgba(0, 0, 0, 0.00); } html[data-view-name="AboutRootPage"] > body > [data-view-name="HeaderComponent"]:not(.animate-false) { transition: background-color 550ms, border-bottom-color 550ms, backdrop-filter 550ms; } html[data-view-name="AboutRootPage"] > body > [data-view-name="HeaderComponent"].scrolled { backdrop-filter: blur(4.5px) opacity(1.00); background-color: rgba(0, 0, 0, 0.60); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } /** * div.hero ... div.primary * */ html[data-view-name="AboutRootPage"] > body > main > div.hero { background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url('/static/images/backgrounds/tabula-rogeriana-by-muhammad-al-idrisi-1154.jpg'); position: relative; } html[data-view-name="AboutRootPage"] > body > main > div.hero::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.80); } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.wrapper { position: relative; z-index: 2; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; min-height: 200px; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { color: var(--gishty-color-light); /* font-size: 42px;*/ line-height: 1.10em; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.wrapper > div.primary > div.body > div.copy > p { color: var(--gishty-color-light); font-size: clamp(20px, calc(100vw / 50), 26px); } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.secondary { position: absolute; right: 20px; bottom: calc(8px + 20px); z-index: 2; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit { font-size: 14px; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > span.copy { color: var(--gishty-color-light); opacity: 0.50; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > a { color: var(--gishty-color-light); opacity: 0.70; transition: opacity 250ms; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > a:hover { opacity: 0.90; } html[data-view-name="AboutRootPage"] > body > main > div.hero > div.divider-line { position: relative; z-index: 2; } /** * html ... div.section * */ html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 640px; margin: 72px 0 0 0; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section:first-child { margin: 0 0 0 0; } /** * html ... div.section > header * */ html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > header { border-bottom: 1px solid var(--gishty-color-dark-o07); } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline { padding: 0 0 16px 0; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline > h2 { font-size: 34px; line-height: 44px; font-family: var(--gishty-font-family-headline); } /** * html ... div.section > div.body ... div.block > div.body * */ html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body { font-size: 16px; line-height: 24px; color: var(--gishty-color-dark-o85); } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > p { display: block; padding: 0 0 12px 0; word-break: break-word; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ul { list-style-type: disc; padding-left: 24px; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ol { list-style-type: number; padding-left: 24px; } /** * Desktop * */ html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 100%; width: 100%; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: left; width: calc(36% - 36px); margin: 0 36px 0 0; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: left; width: calc(100% - 36%); } /** * Responsive * */ @media (max-width: 860px) { html[data-view-name="AboutRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 36px; line-height: 1.20em; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: none; width: 100%; margin: 0 0 0 0; } html[data-view-name="AboutRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: none; width: 100%; padding: 16px 0 0 0; } } /** * /static/css/pages/root/contact.css * */ /** * div.hero ... div.primary * */ html[data-view-name="ContactRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="ContactRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * html ... div.section * */ html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 640px; margin: 72px 0 0 0; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section:first-child { margin: 0 0 0 0; } /** * html ... div.section > header * */ html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > header { border-bottom: 1px solid var(--gishty-color-dark-o07); } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline { padding: 0 0 16px 0; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline > h2 { font-size: 34px; line-height: 44px; font-family: var(--gishty-font-family-headline); } /** * html ... div.section > div.body ... div.block > div.body * */ html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body { font-size: 16px; line-height: 24px; color: var(--gishty-color-dark-o85); } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > p { display: block; padding: 0 0 12px 0; word-break: break-word; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ul { list-style-type: disc; padding-left: 24px; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ol { list-style-type: number; padding-left: 24px; } /** * Desktop * */ html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 100%; width: 100%; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: left; width: calc(36% - 36px); margin: 0 36px 0 0; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: left; width: calc(100% - 36%); } /** * Responsive * */ @media (max-width: 860px) { html[data-view-name="ContactRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 36px; line-height: 1.20em; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: none; width: 100%; margin: 0 0 0 0; } html[data-view-name="ContactRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: none; width: 100%; padding: 16px 0 0 0; } } /** * /static/css/pages/root/credits.css * */ /** * div.hero ... div.primary * */ html[data-view-name="CreditsRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="CreditsRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * html ... div.section * */ html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 640px; margin: 72px 0 0 0; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section:first-child { margin: 0 0 0 0; } /** * html ... div.section > header * */ html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > header { border-bottom: 1px solid var(--gishty-color-dark-o07); } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline { padding: 0 0 16px 0; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline > h2 { font-size: 34px; line-height: 44px; font-family: var(--gishty-font-family-headline); } /** * html ... div.section > div.body ... div.block > div.body * */ html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body { font-size: 16px; line-height: 24px; color: var(--gishty-color-dark-o85); } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > p { display: block; padding: 0 0 12px 0; word-break: break-word; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ul { list-style-type: disc; padding-left: 24px; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ol { list-style-type: number; padding-left: 24px; } /** * Desktop * */ html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 100%; width: 100%; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: left; width: calc(36% - 36px); margin: 0 36px 0 0; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: left; width: calc(100% - 36%); } /** * Responsive * */ @media (max-width: 860px) { html[data-view-name="CreditsRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 36px; line-height: 1.20em; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: none; width: 100%; margin: 0 0 0 0; } html[data-view-name="CreditsRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: none; width: 100%; padding: 16px 0 0 0; } } /** * /static/css/pages/root/faq.css * */ /** * div.hero ... div.primary * */ html[data-view-name="FAQRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="FAQRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * html ... div.section * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 640px; margin: 72px 0 0 0; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section:first-child { margin: 0 0 0 0; } /** * html ... div.section > header * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > header { border-bottom: 1px solid var(--gishty-color-dark-o07); } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline { padding: 0 0 16px 0; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > header > .headline > h2 { font-size: 34px; line-height: 44px; font-family: var(--gishty-font-family-headline); } /** * html ... div.section > div.body ... div.block > div.header * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block { border-bottom: 1px solid var(--gishty-color-dark-o07); } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.header { display: block; width: calc(100% - 32px); color: var(--gishty-color-dark); transition: color var(--gishty-duration-root); font-weight: 600; font-size: clamp(15.5px, calc(100vw / 50), 20px); cursor: pointer; display: flex; align-items: center; height: 60px; line-height: 1.35em; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.header:hover { color: var(--gishty-color-orange); } /** * html ... div.section > div.body ... div.block > div.body * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body { font-size: 16px; line-height: 24px; color: var(--gishty-color-dark-o85); display: none; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > p { display: block; padding: 0 0 12px 0; word-break: break-word; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ul { list-style-type: disc; padding-left: 24px; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block > div.body > ol { list-style-type: number; padding-left: 24px; } /** * Desktop * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section { max-width: 100%; width: 100%; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: left; width: calc(36% - 36px); margin: 0 36px 0 0; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: left; width: calc(100% - 36%); } /** * Responsive * */ @media (max-width: 860px) { html[data-view-name="FAQRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 36px; line-height: 1.20em; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > header { float: none; width: 100%; margin: 0 0 0 0; } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body { float: none; width: 100%; padding: 16px 0 0 0; } } /** * div.block.active * */ html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block.active > div.header { color: var(--gishty-color-orange); } html[data-view-name="FAQRootPage"] > body > main > div.content > div.wrapper > div.section > div.body > div.blocks > div.block.active > div.body { display: block; } /** * /static/css/pages/root/index.css * */ /** * div.hero * */ html[data-view-name="IndexRootPage"] > body > main > div.hero { background-color: rgba(0, 0, 0, 0.80); } html[data-view-name="IndexRootPage"] > body > [data-view-name="HeaderComponent"] { background-color: rgba(0, 0, 0, 0.00); border-bottom-color: rgba(0, 0, 0, 0.00); } html[data-view-name="IndexRootPage"] > body > [data-view-name="HeaderComponent"]:not(.animate-false) { transition: background-color 550ms, border-bottom-color 550ms, backdrop-filter 550ms; } html[data-view-name="IndexRootPage"] > body > [data-view-name="HeaderComponent"].scrolled { backdrop-filter: blur(4.5px) opacity(1.00); background-color: rgba(0, 0, 0, 0.60); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } /** * div.hero ... div.primary * */ html[data-view-name="IndexRootPage"] > body > main > div.hero { background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url('/static/images/backgrounds/tabula-rogeriana-by-muhammad-al-idrisi-1154.jpg'); position: relative; } html[data-view-name="IndexRootPage"] > body > main > div.hero::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.80); } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.wrapper { position: relative; z-index: 2; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; min-height: 240px; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { color: var(--gishty-color-light); /* font-size: 42px;*/ line-height: 1.10em; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { max-width: 100vw; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.wrapper > div.primary > div.body > div.copy > p { color: var(--gishty-color-light); font-size: clamp(20px, calc(100vw / 50), 26px); } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.secondary { position: absolute; right: 20px; bottom: calc(8px + 20px); z-index: 2; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit { font-size: 14px; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > span.copy { color: var(--gishty-color-light); opacity: 0.50; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > a { color: var(--gishty-color-light); opacity: 0.70; transition: opacity 250ms; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.secondary > div.media > div.credit > a:hover { opacity: 0.90; } html[data-view-name="IndexRootPage"] > body > main > div.hero > div.divider-line { position: relative; z-index: 2; } /** * div.headline * */ html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header, html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.testimonials > header { border-bottom: 1px solid #dedcda; } html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media { float: left; width: 48px; height: 48px; margin: 0 8px 0 0; } html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media > div.img > a { display: block; } html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.media > div.img > a > img { display: block; width: 100%; transform: scale(0.80); } html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.headline { float: left; width: calc(100% - 48px - 8px); } html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.newsletters > div.newsletter > header > div.headline > h2, html[data-view-name="IndexRootPage"] > body > main > div.content > div.wrapper > div.testimonials > header > div.headline > h2 { /* font-size: 44px;*/ font-size: clamp(28px, calc(100vw / 20), 44px); line-height: 48px; font-family: var(--gishty-font-family-headline); letter-spacing: 0.25px; padding: 0 0 12px 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * [data-view-name="IssueBlocksComponent"] * */ @media (max-width: 572px) { html[data-env="prod"] [data-view-name="IssueBlocksComponent"][data-newsletter-slug="what-happened-last-week"] > a:nth-last-of-type(-n + 8) { display: none; } } /** * /static/css/pages/root/roadmap.css * */ /** * div.hero ... div.primary * */ html[data-view-name="RoadmapRootPage"] > body > main > div.hero > div.wrapper > div.primary { gap: 8px; text-align: left; } html[data-view-name="RoadmapRootPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items > div.states > div.state > div.body > div.items { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px 16px; } /** * div.state * */ html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items > div.states > div.state { display: none; } html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items[data-state-path="/roadmap"] > div.states > div.state[data-state-path="/roadmap"], html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items[data-state-path="/roadmap/under-development"] > div.states > div.state[data-state-path="/roadmap/under-development"], html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items[data-state-path="/roadmap/released"] > div.states > div.state[data-state-path="/roadmap/released"] { display: block; } /** * div.actions * */ html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items > div.states > div.state > div.body > div.actions > a.button { float: right; width: 210px; } /** * Responsive * */ @media (max-width: 960px) { html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items > div.states > div.state > div.body > div.items { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { html[data-view-name="RoadmapRootPage"] > body > main > div.content > div.wrapper > div.items > div.states > div.state > div.body > div.items { grid-template-columns: repeat(1, 1fr); } } /** * /static/css/pages/users/settings.css * */ /** * main div.wrapper * */ html[data-view-name="SettingsUsersPage"] > body > main div.wrapper { max-width: 960px; } /** * div.hero ... div.primary * */ html[data-view-name="SettingsUsersPage"] > body > main > div.hero > div.wrapper > div.primary { float: left; gap: 8px; text-align: left; } html[data-view-name="SettingsUsersPage"] > body > main > div.hero > div.wrapper > div.primary > header > div.headline > h1 { font-size: 42px; line-height: 56px; } /** * div.state * */ html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state { display: none; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings[data-state-path="/settings/account"] > div.states > div.state[data-state-path="/settings/account"], html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings[data-state-path="/settings/newsletters"] > div.states > div.state[data-state-path="/settings/newsletters"], html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings[data-state-path="/settings/notifications"] > div.states > div.state[data-state-path="/settings/notifications"], html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings[data-state-path="/settings/password"] > div.states > div.state[data-state-path="/settings/password"], html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings[data-state-path="/settings/billing"] > div.states > div.state[data-state-path="/settings/billing"] { display: block; } /** * div.state.newsletters * */ /*html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/newsletters"] > div[data-view-name="NewsletterSelectorComponent"] > form > .spacer-16 {*/ /*html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/newsletters"] > div[data-view-name="NewsletterSelectorComponent"] > form > footer {*/ /* display: none;*/ /*}*/ /** * div.state.notifications * */ html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/notifications"] > div.body > form > div.fields > div.field > div.input { float: left; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/notifications"] > div.body > form > div.fields > div.field > div.label { float: left; padding: 0 0 0 8px; } /** * div.state.billing * */ html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] { background-color: var(--gishty-color-beige); padding: 32px 32px 32px 32px; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] > div.body > div.copy > p, html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] > div.body > div.copy > ul { font-size: 16px; line-height: 22px; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] > div.body > div.copy > ul { list-style-type: disc; padding-left: 20px; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] > div.body > div.copy > ul > li { line-height: 28px; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state[data-state-path="/settings/billing"] > div.body > div.copy > p > a { /* color: var(--gishty-color-orange);*/ } /** * div.state form * */ html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state > div.body > form { max-width: 50%; } html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state > div.body > form a.button { width: 248px; } /** * Responsive * */ @media (max-width: 700px) { html[data-view-name="SettingsUsersPage"] > body > main > div.content > div.wrapper > div.settings > div.states > div.state > div.body > form { max-width: clamp(360px, 100vw, 440px); } } /** * /static/css/pages/users/vip/index.css * */ /** * :root * */ html[data-view-name="IndexUpgradesPage"], html[data-view-name="IndexGiftsPage"] { min-height: auto; background-color: #ffffff; } html[data-view-name="IndexUpgradesPage"] > body, html[data-view-name="IndexGiftsPage"] > body { min-height: auto; min-height: 100vh; } html[data-view-name="IndexUpgradesPage"] > body > main, html[data-view-name="IndexGiftsPage"] > body > main { padding: 0 0 0 0; min-height: auto; } /** * header * */ html[data-view-name="IndexUpgradesPage"] > body > header, html[data-view-name="IndexGiftsPage"] > body > header { padding: 18px 0 0 0; } html[data-view-name="IndexUpgradesPage"] > body > header > div.wrapper > a.logo, html[data-view-name="IndexGiftsPage"] > body > header > div.wrapper > a.logo { display: block; max-width: 120px; margin: 0 auto 0 auto; } html[data-view-name="IndexUpgradesPage"] > body > header > div.wrapper > a.logo > img, html[data-view-name="IndexGiftsPage"] > body > header > div.wrapper > a.logo > img { display: block; width: 100%; height: 32px; object-fit: contain; } /* html[data-view-name="IndexUpgradesPage"] > body > header > div.wrapper > div.copy, html[data-view-name="IndexGiftsPage"] > body > header > div.wrapper > div.copy { max-width: 440px; margin: 0 auto 0 auto; } html[data-view-name="IndexUpgradesPage"] > body > header > div.wrapper > div.copy > p, html[data-view-name="IndexGiftsPage"] > body > header > div.wrapper > div.copy > p { font-size: 18px; line-height: 1.30em; text-align: center; }*/ /** * div.wrapper * */ html[data-view-name="IndexUpgradesPage"] > body > main, html[data-view-name="IndexGiftsPage"] > body > main { /* min-height: auto;*/ min-height: calc(100vh - 18px - 32px - 40px - 40px); display: flex; align-items: center; justify-content: center } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper { width: 100%; margin: 0 auto 0 auto; display: flex; flex-direction: column; justify-content: center; position: relative; } /** * footer * */ html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > header > div.headline, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > header > div.headline { max-width: 440px; margin: 0 auto 0 auto; } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > header > div.headline > h1, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > header > div.headline > h1 { font-family: var(--gishty-font-family-headline); font-size: 29px; line-height: 1.20em; text-align: center; letter-spacing: 0.5px; } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > footer, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > footer { max-width: 384px; margin: 0 auto 0 auto; text-align: center; padding: 0 0 12px 0; } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > footer > div.copy > p, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > footer > div.copy > p { line-height: 1.25em; } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > footer > div.copy > p > a, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > footer > div.copy > p > a { color: var(--gishty-color-dark-o70); transition: color var(--gishty-duration-root); } html[data-view-name="IndexUpgradesPage"] > body > main > div.content > div.wrapper > footer > div.copy > p > a:hover, html[data-view-name="IndexGiftsPage"] > body > main > div.content > div.wrapper > footer > div.copy > p > a:hover { color: var(--gishty-color-dark); } /** * /static/css/vendors/1Passowrd.css * * @see https://chatgpt.com/c/68f8f56e-969c-8326-98cb-9db621bd8dc3 */ /*button[style*="aeblfdkhhhdcdjpifhhbdiojplfjncoa"] { display: none; }*/ /*com-1password-button { display: none; }*/ /* */ #\31 p-live-region { display: none !important; } /** * Causing scrollbar on occasion * * @see https://416.io/ss/f/hleuuj * @see https://416.io/ss/f/thu4fh */ #1p-live-region { display: none !important; } /** * /static/css/vendors/gishty.css * */ gishty-search-widget[data-gishty-search-ready="1"] { transition: opacity var(--gishty-duration-modal); backdrop-filter: blur(1.5px) opacity(1.00); } /** * /static/css/vendors/tippy.css * */ div[data-tippy-root]:not([data-view-name="BasePopoverComponent"]) > .tippy-box { /* border-radius: 0 0 0 0;*/ } div[data-tippy-root]:not([data-view-name="BasePopoverComponent"]) > .tippy-box > .tippy-content { font-family: var(--gishty-font-family-headline); overflow-wrap: break-word; padding: 6px 8px 6px 8px; letter-spacing: 0.25px; font-size: 12px; }