@import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); @import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap); .psm-alert,.psm-alert--warning,.psm-alert--info,.psm-alert--error,.psm-alert--success{width:100%;display:block;line-height:24px;text-align:left;outline:none;border-radius:4px;position:relative} .psm-alert .psm-alert__close,.psm-alert--warning .psm-alert__close,.psm-alert--info .psm-alert__close,.psm-alert--error .psm-alert__close,.psm-alert--success .psm-alert__close{background-color:transparent;border:none;border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:pointer;display:inline-block;height:100%;padding:20px;position:absolute;right:0;top:0;width:56px} .psm-alert .psm-alert__msg,.psm-alert--warning .psm-alert__msg,.psm-alert--info .psm-alert__msg,.psm-alert--error .psm-alert__msg,.psm-alert--success .psm-alert__msg{height:calc(100% - 32px);padding:16px 0 16px 16px;width:calc(100% - 72px);border-top-left-radius:3px;border-bottom-left-radius:3px;line-height:130%} .psm-alert__prefix{font-weight:bold} .psm-alert--warning{background-color:#fefaee;color:#bd5316} .psm-alert--warning a{color:#bd5316 !important} .psm-alert--warning a{font-weight:bold} .psm-alert--warning .psm-alert__close:hover,.psm-alert--warning .psm-alert__close:focus{background-color:#efebe0} .psm-alert--info{background-color:#edf4fe;color:#0066ed} .psm-alert--info a{color:#0066ed !important} .psm-alert--info a{font-weight:bold} .psm-alert--info .psm-alert__close:hover,.psm-alert--info .psm-alert__close:focus{background-color:#dfe5ef} .psm-alert--error{background-color:#fceded;color:#d70e16} .psm-alert--error a{color:#d70e16 !important} .psm-alert--error a{font-weight:bold} .psm-alert--error .psm-alert__close:hover,.psm-alert--error .psm-alert__close:focus{background-color:#eddfdf} .psm-alert--success{background-color:#edf6f3;color:#0f7d52} .psm-alert--success a{color:#0f7d52 !important} .psm-alert--success a{font-weight:bold} .psm-alert--success .psm-alert__close:hover,.psm-alert--success .psm-alert__close:focus{background-color:#dfe7e4} .psm-avatar,.psm-avatar--md,.psm-avatar--xl,.psm-avatar--lg,.psm-avatar--sm,.psm-avatar--xs{border-radius:100%;width:40px;height:40px;background-color:#8e8e8e;color:#f8f8f8;position:relative;display:inline-block;overflow:hidden} .psm-avatar .psm-avatar__img,.psm-avatar--md .psm-avatar__img,.psm-avatar--xl .psm-avatar__img,.psm-avatar--lg .psm-avatar__img,.psm-avatar--sm .psm-avatar__img,.psm-avatar--xs .psm-avatar__img{border-radius:100%;height:100%;width:100%} .psm-avatar .psm-avatar__silhouette,.psm-avatar--md .psm-avatar__silhouette,.psm-avatar--xl .psm-avatar__silhouette,.psm-avatar--lg .psm-avatar__silhouette,.psm-avatar--sm .psm-avatar__silhouette,.psm-avatar--xs .psm-avatar__silhouette{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iOTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYzLjc5NiA2Mi44NzRjLTYuMzk5LTIuMTY2LTkuNjg2LTYuODkzLTExLjM1Ni0xMC43MDQgOS4yMTgtNS41MzggMTQuMDE1LTE4LjY4MyAxNC4wMTUtMjguNjdDNjYuNDU1IDEwLjUyIDU1Ljk1NSAwIDQzIDAgMzAuMDQ1IDAgMTkuNTQ1IDEwLjUyIDE5LjU0NSAyMy41YzAgOS45OTUgNC44IDIzLjE0OCAxNC4wMyAyOC42NzgtMS42NjEgMy44NDItNC45NCA4LjYwNS0xMS4zMjQgMTAuNjhDMTAuOTkyIDY2LjUxNCAwIDY3LjcwOSAwIDg2LjE2OFY5NGg4NnYtNy44MzNjMC0xOC4xODUtMTAuNTA0LTE5LjMzMy0yMi4yMDQtMjMuMjkzeiIgZmlsbD0iI2Y4ZjhmOCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 50% bottom -15%;width:100%;height:100%;background-size:75%} .psm-avatar .psm-avatar__text,.psm-avatar--md .psm-avatar__text,.psm-avatar--xl .psm-avatar__text,.psm-avatar--lg .psm-avatar__text,.psm-avatar--sm .psm-avatar__text,.psm-avatar--xs .psm-avatar__text{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:14px} .psm-avatar--xl{width:120px;height:120px} .psm-avatar--xl .psm-avatar__text{font-size:55px} .psm-avatar--lg{width:72px;height:72px} .psm-avatar--lg .psm-avatar__text{font-size:35px} .psm-avatar--sm{width:32px;height:32px} .psm-avatar--xs{width:24px;height:24px} .psm-button,.psm-button--text,.psm-button--menu,.psm-button--primary,.psm-button--secondary{font-family:"Noto Sans",sans-serif;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:80px;height:40px;padding:0 16px;border:1px solid #e1e1e1;border-radius:3px;color:#525252;background-color:#e1e1e1;font-size:0.875rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;vertical-align:middle;line-height:38px;-webkit-transition:background-color 0.25s;transition:background-color 0.25s;text-decoration:none} .psm-button:active,.psm-button--text:active,.psm-button--menu:active,.psm-button--primary:active,.psm-button--secondary:active{outline:none;border-color:#e1e1e1;background-color:#e1e1e1;color:#525252} .psm-button--text{background-color:transparent;border:none;background-color:transparent;border:none;color:#0066ed} .psm-button--menu{background-color:transparent;border:none;color:black} .psm-button--menu:focus,.psm-button--menu:hover{cursor:pointer;background-color:transparent;color:#005393} .psm-button:active,.psm-button:focus,.psm-button:hover,.psm-button--text:active,.psm-button--menu:active,.psm-button--primary:active,.psm-button--secondary:active,.psm-button--text:focus,.psm-button--menu:focus,.psm-button--primary:focus,.psm-button--secondary:focus,.psm-button--text:hover,.psm-button--menu:hover,.psm-button--primary:hover,.psm-button--secondary:hover{cursor:pointer;background-color:transparent;color:#005393} .psm-button::-moz-focus-inner,.psm-button--text::-moz-focus-inner,.psm-button--menu::-moz-focus-inner,.psm-button--primary::-moz-focus-inner,.psm-button--secondary::-moz-focus-inner{padding:0;border:0} .psm-button:disabled,.psm-button--text:disabled,.psm-button--menu:disabled,.psm-button--primary:disabled,.psm-button--secondary:disabled{cursor:default;pointer-events:none} .psm-button--primary{background-color:#7942dd;border-color:#7942dd;font-weight:900;color:white} .psm-button--primary:active{border-color:#7942dd;background-color:#7942dd} .psm-button--primary:focus,.psm-button--primary:hover{border-color:#552e9b;background-color:#552e9b;color:white} .psm-button--primary:disabled{border-color:#af8eeb;background-color:#af8eeb;color:#ebe3fa} .psm-button--secondary{background-color:#e1e1e1;border-color:#e1e1e1;font-weight:800;color:#525252} .psm-button--secondary:active{background-color:#e1e1e1;color:#525252;border-color:#e1e1e1} .psm-button--secondary:focus,.psm-button--secondary:hover{background-color:#c4c4c4;border-color:#c4c4c4;color:#363636} .psm-button--secondary:disabled{background-color:#f1f1f1;border-color:#f1f1f1;color:#ababae} .psm-button,.psm-button--text,.psm-button--menu,.psm-button--primary,.psm-dropdown--primary,.psm-button--secondary,.psm-dropdown,.psm-dropdown--text,.psm-dropdown--menu{font-family:"Noto Sans",sans-serif;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:80px;height:40px;padding:0 16px;border:1px solid #e1e1e1;border-radius:3px;color:#525252;background-color:#e1e1e1;font-size:0.875rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;vertical-align:middle;line-height:38px;-webkit-transition:background-color 0.25s;transition:background-color 0.25s;text-decoration:none} .psm-button:active,.psm-button--text:active,.psm-button--menu:active,.psm-button--primary:active,.psm-dropdown--primary:active,.psm-button--secondary:active,.psm-dropdown:active,.psm-dropdown--text:active,.psm-dropdown--menu:active{outline:none;border-color:#e1e1e1;background-color:#e1e1e1;color:#525252} .psm-button--text{background-color:transparent;border:none;background-color:transparent;border:none;color:#0066ed} .psm-button--menu{background-color:transparent;border:none;color:black} .psm-button--menu:focus,.psm-button--menu:hover{cursor:pointer;background-color:transparent;color:#005393} .psm-button:active,.psm-button:focus,.psm-button:hover,.psm-button--text:active,.psm-button--menu:active,.psm-button--primary:active,.psm-dropdown--primary:active,.psm-button--secondary:active,.psm-dropdown:active,.psm-dropdown--text:active,.psm-dropdown--menu:active,.psm-button--text:focus,.psm-button--menu:focus,.psm-button--primary:focus,.psm-dropdown--primary:focus,.psm-button--secondary:focus,.psm-dropdown:focus,.psm-dropdown--text:focus,.psm-dropdown--menu:focus,.psm-button--text:hover,.psm-button--menu:hover,.psm-button--primary:hover,.psm-dropdown--primary:hover,.psm-button--secondary:hover,.psm-dropdown:hover,.psm-dropdown--text:hover,.psm-dropdown--menu:hover{cursor:pointer;background-color:transparent;color:#005393} .psm-button::-moz-focus-inner,.psm-button--text::-moz-focus-inner,.psm-button--menu::-moz-focus-inner,.psm-button--primary::-moz-focus-inner,.psm-dropdown--primary::-moz-focus-inner,.psm-button--secondary::-moz-focus-inner,.psm-dropdown::-moz-focus-inner,.psm-dropdown--text::-moz-focus-inner,.psm-dropdown--menu::-moz-focus-inner{padding:0;border:0} .psm-button:disabled,.psm-button--text:disabled,.psm-button--menu:disabled,.psm-button--primary:disabled,.psm-dropdown--primary:disabled,.psm-button--secondary:disabled,.psm-dropdown:disabled,.psm-dropdown--text:disabled,.psm-dropdown--menu:disabled{cursor:default;pointer-events:none} .psm-button--primary,.psm-dropdown--primary{background-color:#7942dd;border-color:#7942dd;font-weight:900;color:white} .psm-button--primary:active,.psm-dropdown--primary:active{border-color:#7942dd;background-color:#7942dd} .psm-button--primary:focus,.psm-button--primary:hover,.psm-dropdown--primary:focus,.psm-dropdown--primary:hover{border-color:#552e9b;background-color:#552e9b;color:white} .psm-button--primary:disabled,.psm-dropdown--primary:disabled{border-color:#af8eeb;background-color:#af8eeb;color:#ebe3fa} .psm-button--secondary{background-color:#e1e1e1;border-color:#e1e1e1;font-weight:800;color:#525252} .psm-button--secondary:active{background-color:#e1e1e1;color:#525252;border-color:#e1e1e1} .psm-button--secondary:focus,.psm-button--secondary:hover{background-color:#c4c4c4;border-color:#c4c4c4;color:#363636} .psm-button--secondary:disabled{background-color:#f1f1f1;border-color:#f1f1f1;color:#ababae} .psm-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .psm-dropdown:hover,.psm-dropdown:focus{background-color:#c4c4c4} .psm-dropdown:disabled{opacity:0.3} .psm-dropdown svg{-ms-flex-item-align:center;align-self:center;padding-left:12px} .psm-dropdown--text{background-color:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#0066ed} .psm-dropdown--text svg{-ms-flex-item-align:center;align-self:center;padding-left:12px} .psm-dropdown--text:disabled{opacity:0.3} .psm-dropdown--text:hover{color:#0066ed;background-color:#f1f1f1} .psm-dropdown--menu{background-color:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:black} .psm-dropdown--menu svg{-ms-flex-item-align:center;align-self:center;padding-left:12px} .psm-dropdown--menu:disabled{opacity:0.3} .psm-dropdown--menu:hover{color:black;background-color:transparent} .psm-dropdown-child{background:none;border:none;display:inline-block;text-decoration:none;-webkit-appearance:none;-moz-appearance:none} .psm-dropdown__container--children{display:inline-block} .psm-dropdown-dual{border-left:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px} .psm-dropdown-dual button{height:100%;border-radius:3px 0px 0px 3px} .psm-dropdown-dual:disabled{opacity:0.3} .psm-dropdown-dual .psm-dropdown-dual-svg{background-color:#e1e1e1;border:none;border-radius:0px 3px 3px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;margin-left:1px} .psm-dropdown-dual .psm-dropdown-dual-svg:disabled{opacity:0.3} .psm-dropdown-dual .psm-dropdown-dual-svg:hover{background-color:#c4c4c4} .psm-dropdown-dual .psm-dropdown-dual-svg:hover:disabled{background-color:#e1e1e1} .psm-dropdown-dual .psm-dropdown-dual-svg--primary{background-color:#7942dd;border:none;border-radius:0px 3px 3px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;margin-left:1px} .psm-dropdown-dual .psm-dropdown-dual-svg--primary:hover{background-color:#6738bc} .psm-dropdown-dual .psm-dropdown-dual-svg--primary:disabled{background-color:#af8eeb} .psm-dropdown-dual .psm-dropdown-dual-svg--text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:1px;width:34px} .psm-dropdown-dual .psm-dropdown-dual-svg--text svg{-ms-flex-item-align:center;align-self:center} .psm-dropdown-dual .psm-dropdown-dual-svg--text:hover{color:#0066ed;background-color:#edf4fe} .psm-dropdown-dual .psm-dropdown-dual-svg--text:disabled{opacity:0.3} .psm-dropdown-hidden{display:none;visibility:hidden} .psm-dropdown-visible{display:block;visibility:visible} .psm-dropdown--primary{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .psm-dropdown--primary div{border-left:1px solid white;margin-left:10px;padding:0px 8px;margin-right:-16px} .psm-dropdown--primary svg{-ms-flex-item-align:center;align-self:center;padding-left:12px} .psm-dropdown__container{display:inline-block;position:relative;min-width:210px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;outline:none} .psm-dropdown--component{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%} .psm-dropdown--btn>span{float:left} .psm-dropdown--btn>div{float:right} .psm-dropdown__menu,.psm-dropdown__menu--children,.psm-dropdown__menu--flip{border-radius:3px;background:#fff;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);display:block;margin:0;padding:0;position:absolute;width:100%;z-index:1} .psm-dropdown__menu--children{width:210px} .psm-dropdown__li,.psm-dropdown-focused{line-height:130%;list-style:none;padding:16px;white-space:pre-wrap} .psm-dropdown__li{cursor:pointer;text-align:left;white-space:pre-wrap} .psm-dropdown__li:focus,.psm-dropdown__li:hover{background-color:#f1f1f1;outline:none} .psm-dropdown__li a{text-decoration:none;display:block} .profile-menu li:last-child{border-top:solid 1px #d4d4d4} .psm-dropdown-focused,.psm-dropdown-focused a{background-color:#f1f1f1;outline:none;cursor:pointer;text-decoration:none} .psm-card,.psm-card--shadow-sm,.psm-card--shadow-md,.psm-card--shadow-lg{border-radius:3px;color:#212121;display:inline-block;max-height:226px;padding:24px;position:relative} .psm-card--children{line-height:150%;-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3} .psm-card--content{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:"Noto Sans",sans-serif;font-weight:normal;font-style:normal} .psm-card--date{padding:5px 8px} .psm-card--image{height:auto;max-height:115px;max-width:33%;width:auto;padding-right:16px} .psm-card--info-block{padding-bottom:16px} .psm-card--menu{cursor:default;background:#ffffff;border:1px solid #c4c4c4;border-radius:3px;-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.25);box-shadow:0px 1px 9px rgba(0,0,0,0.25);max-width:25%;padding:0;position:absolute;right:2%;top:21%;z-index:1} .psm-card--menu-visible{cursor:default;background:#ffffff;border:1px solid #c4c4c4;border-radius:3px;-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.25);box-shadow:0px 1px 9px rgba(0,0,0,0.25);max-width:25%;padding:0;position:absolute;right:2%;top:21%;z-index:1;visibility:visible} .psm-card--menu-hidden{cursor:default;background:#ffffff;border:1px solid #c4c4c4;border-radius:3px;-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.25);box-shadow:0px 1px 9px rgba(0,0,0,0.25);max-width:25%;padding:0;position:absolute;right:2%;top:21%;z-index:1;display:none;visibility:hidden} .psm-card--menu-button{background:transparent;border:none;height:100%;padding:14px} .psm-card--menu-button:hover{background-color:#e1e1e1;border-radius:3px} .psm-card--menu-row{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;display:-webkit-box;display:-ms-flexbox;display:flex;padding:13px 15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;line-height:150%;position:relative;cursor:pointer;padding:16px;right:0;left:auto;margin:0} .psm-card--menu-row:hover,.psm-card--menu-row:focus{background:white} .psm-card--menu-row:hover{background:#f1f1f1} .psm-card--menu-row:active{outline-width:2px;outline-style:solid;outline-color:Highlight} .psm-card--shadow-sm{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2)} .psm-card--shadow-md{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.14),0 6px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.14),0 6px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2)} .psm-card--shadow-lg{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 6px 15px 0 rgba(0,0,0,0.2);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 3px rgba(0,0,0,0.12),0 6px 15px 0 rgba(0,0,0,0.2)} .psm-card--status{background:rgba(240,195,44,0.3);border-radius:3px;color:#9c5b07;font-family:"Noto Sans","Helvetica","Arial",sans-serif;padding:4px 8px} .psm-card--top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .psm-card--title{font-family:"Noto Sans",serif;font-size:24px;font-weight:bold} .psm-chip,.psm-chip__selected{color:black;border:1px solid #c4c4c4;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:1rem;padding:8px} .psm-chip:hover,.psm-chip__selected:hover{border:1px solid #212121;-webkit-box-shadow:0px 0px 0px 2px #c4c4c4;box-shadow:0px 0px 0px 2px #c4c4c4} .psm-chip--interior{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .psm-chip--interior svg{margin:0 8px 0 0} .psm-chip__selected{color:white;background-color:#7942dd;border:none;-webkit-box-shadow:none;box-shadow:none} .psm-chip__selected:hover{border:none;-webkit-box-shadow:none;box-shadow:none} .psm-chip__close{border:none;background:transparent;content:"\E92B";color:#c4c4c4;height:100%;margin-left:16px;display:inline-block;padding:0;vertical-align:middle} .psm-chip__close svg{vertical-align:text-bottom} .psm-hr{border-top:1px solid #e1e1e1;border-bottom:none;border-left:none;border-right:none} .psm-nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .psm-nav__active{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:10px 12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#7942dd;font-weight:bold;border-left:4px solid #7942dd} .psm-nav__badge{text-rendering:optimizeLegibility;background:#d70e16;border-radius:3px;color:white;font-size:11px;font-weight:bold;line-height:13px;margin-left:10px;padding:1px 3px} .psm-nav__new{display:inline-block;position:relative;bottom:2px;font-weight:normal;color:white;font-size:11px;margin:0 3px;line-height:14px} .psm-nav__tab{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:10px 12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-left:6px solid transparent} .psm-nav__tab:hover{-webkit-box-sizing:border-box;box-sizing:border-box;border-left:6px solid #c4c4c4} .psm-nav__tab:active{border-left:6px solid #8e8e8e} .psm-nav__tab:focus{border-left:6px solid #c4c4c4} .psm-nav-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .psm-nav-horizontal .psm-nav__active{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:10px 12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#7942dd;font-weight:bold;border-bottom:6px solid #7942dd;border-left:none} .psm-nav-horizontal .psm-nav__tab{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:10px 12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-bottom:6px solid transparent;border-left:none} .psm-nav-horizontal .psm-nav__tab:hover{border-bottom:6px solid #c4c4c4;-webkit-box-sizing:border-box;box-sizing:border-box} .psm-nav-horizontal .psm-nav__tab:active{border-bottom:6px solid #8e8e8e} .psm-nav-horizontal .psm-nav__tab:focus{border-bottom:6px solid #c4c4c4} .psm-typeahead--result{cursor:pointer;line-height:1.3;padding:10px 16px} .psm-typeahead--result-sub{color:#707070} .psm-input,.psm-input--error,.psm-input:invalid{width:100%;height:40px;margin:8px 0;padding:7px 12px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:3px;color:#212121} .psm-input::-webkit-input-placeholder, .psm-input--error::-webkit-input-placeholder, .psm-input:invalid::-webkit-input-placeholder{color:#8e8e8e} .psm-input::-moz-placeholder, .psm-input--error::-moz-placeholder, .psm-input:invalid::-moz-placeholder{color:#8e8e8e} .psm-input:-ms-input-placeholder, .psm-input--error:-ms-input-placeholder, .psm-input:invalid:-ms-input-placeholder{color:#8e8e8e} .psm-input::-ms-input-placeholder, .psm-input--error::-ms-input-placeholder, .psm-input:invalid::-ms-input-placeholder{color:#8e8e8e} .psm-input::placeholder,.psm-input--error::placeholder,.psm-input:invalid::placeholder{color:#8e8e8e} .psm-input:hover,.psm-input--error:hover,.psm-input:hover:invalid{border-color:#42a5f5;-webkit-box-shadow:0 0 0 2px #e3f2fd;box-shadow:0 0 0 2px #e3f2fd} .psm-input:hover.psm-input--error,.psm-input:hover.psm-input:invalid,:hover.psm-input--error,:hover.psm-input:invalid{-webkit-box-shadow:0 0 0 2px #fceded;box-shadow:0 0 0 2px #fceded} .psm-input--error,.psm-input:invalid,.psm-input--error:invalid,.psm-input:invalid{border-color:#d70e16} .psm-input:disabled,.psm-input--error:disabled,.psm-input:disabled:invalid{border:1px solid #c4c4c4 !important;-webkit-box-shadow:none !important;box-shadow:none !important} .psm-input:disabled,.psm-input--error:disabled,.psm-input:disabled:invalid{background-color:#f8f8f8;color:#ababae} .psm-input:disabled::-webkit-input-placeholder, .psm-input--error:disabled::-webkit-input-placeholder, .psm-input:invalid:disabled::-webkit-input-placeholder{color:#ababae} .psm-input:disabled::-moz-placeholder, .psm-input--error:disabled::-moz-placeholder, .psm-input:invalid:disabled::-moz-placeholder{color:#ababae} .psm-input:disabled:-ms-input-placeholder, .psm-input--error:disabled:-ms-input-placeholder, .psm-input:invalid:disabled:-ms-input-placeholder{color:#ababae} .psm-input:disabled::-ms-input-placeholder, .psm-input--error:disabled::-ms-input-placeholder, .psm-input:invalid:disabled::-ms-input-placeholder{color:#ababae} .psm-input:disabled::placeholder,.psm-input--error:disabled::placeholder,.psm-input:invalid:disabled::placeholder{color:#ababae} button[class|='psm-icon-svg']{background:transparent;border:none;bottom:16px;padding:0} .psm-form__label{margin:16px 0px 0px;color:#212121;font-size:14px;line-height:14px;font-weight:900;text-align:left} .psm-form__optional{margin-left:8px;color:#525252;font-size:14px;font-weight:normal} .psm-form__subtext,.psm-form__info-text,.psm-form__error-text{text-align:left;margin-bottom:8px;font-size:12px;line-height:12px} .psm-form__info-text{color:#525252} .psm-form__error-text{color:#d70e16} .psm-multi-select,.psm-multi-select--selected{display:inline-block;padding:2px 8px;border:1px solid #c4c4c4;border-radius:3px;cursor:pointer} .psm-multi-select:hover,.psm-multi-select--selected:hover{background-color:#7942dd;color:white} .psm-multi-select::before,.psm-multi-select--selected::before{content:'';background-color:#ffffff;height:12px;width:12px;border:1px solid #c4c4c4;padding:0;margin:0 16px 0 0;display:inline-block;vertical-align:middle} .psm-multi-select--radio::before{border-radius:100%} .psm-multi-select--selected{border:1px solid #7942dd;-webkit-box-shadow:0 0 0 2px #d7c6f5;box-shadow:0 0 0 2px #d7c6f5} .psm-multi-select--selected:hover::before{background-color:transparent;color:#ffffff} .psm-multi-select--selected::before{content:"\E90E";border:none;color:#7942dd;height:24px;padding:0 0 0 0;display:inline-block;vertical-align:middle} .psm-select{padding:0 16px;line-height:36px;background-color:white;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;background-image:url(/icons/psm-select-arrow.svg);background-position:right 9px;background-repeat:no-repeat} .psm-select::-ms-expand{display:none} .psm-alert,.psm-alert--warning,.psm-alert--info,.psm-alert--error,.psm-alert--success{width:100%;display:block;line-height:24px;text-align:left;outline:none;border-radius:4px;position:relative} .psm-alert .psm-alert__close,.psm-alert--warning .psm-alert__close,.psm-alert--info .psm-alert__close,.psm-alert--error .psm-alert__close,.psm-alert--success .psm-alert__close{background-color:transparent;border:none;border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:pointer;display:inline-block;height:100%;padding:20px;position:absolute;right:0;top:0;width:56px} .psm-alert .psm-alert__msg,.psm-alert--warning .psm-alert__msg,.psm-alert--info .psm-alert__msg,.psm-alert--error .psm-alert__msg,.psm-alert--success .psm-alert__msg{height:calc(100% - 32px);padding:16px 0 16px 16px;width:calc(100% - 72px);border-top-left-radius:3px;border-bottom-left-radius:3px;line-height:130%} .psm-alert__prefix{font-weight:bold} .psm-alert--warning{background-color:#fefaee;color:#bd5316} .psm-alert--warning a{color:#bd5316 !important} .psm-alert--warning a{font-weight:bold} .psm-alert--warning .psm-alert__close:hover,.psm-alert--warning .psm-alert__close:focus{background-color:#efebe0} .psm-alert--info{background-color:#edf4fe;color:#0066ed} .psm-alert--info a{color:#0066ed !important} .psm-alert--info a{font-weight:bold} .psm-alert--info .psm-alert__close:hover,.psm-alert--info .psm-alert__close:focus{background-color:#dfe5ef} .psm-alert--error{background-color:#fceded;color:#d70e16} .psm-alert--error a{color:#d70e16 !important} .psm-alert--error a{font-weight:bold} .psm-alert--error .psm-alert__close:hover,.psm-alert--error .psm-alert__close:focus{background-color:#eddfdf} .psm-alert--success{background-color:#edf6f3;color:#0f7d52} .psm-alert--success a{color:#0f7d52 !important} .psm-alert--success a{font-weight:bold} .psm-alert--success .psm-alert__close:hover,.psm-alert--success .psm-alert__close:focus{background-color:#dfe7e4} .psm-typeahead{position:relative;border:1px solid #ccc;border-radius:4px;color:#999999;height:40px;border:0;min-width:302px} .psm-typeahead--background{display:block;border:none;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#757575;height:40px;font-size:14px;left:0;margin:0;padding:2px 40px 2px 13px;position:absolute;top:0} .psm-typeahead--search{background:transparent;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-size:14px;left:0;margin:0;padding:2px 40px 2px 5px;position:absolute;right:0;top:0} .psm-typeahead--search.psm-input{margin:0} .psm-typeahead--icon{cursor:pointer} button[class|='search-psm-icon-svg']{background:transparent;border:none;padding:0;position:absolute;top:0;right:0;background:#7942dd;color:white;width:40px;height:40px;border-top-right-radius:5px;border-bottom-right-radius:5px} .psm-typeahead--results{background:white;border:none;-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.25);box-shadow:0px 1px 9px rgba(0,0,0,0.25);left:0;list-style:none;margin:0;padding:16px;font-size:14px;position:absolute;top:40px;width:468px;z-index:2} .psm-typeahead--results ol{list-style:none;margin:0;padding:0} .psm-typeahead--results ol>li+li{border-top:1px solid #e1e1e1} .alert{background:#d70e16;border-radius:0.25rem;display:block;color:#fff;font-size:0.6875rem;font-weight:bold;padding:0 0.15rem 0.15rem} .psm-backdrop{top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:-1;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:none;touch-action:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:transparent} .psm-list-item{cursor:pointer;border-radius:4px;padding:4px 16px;margin-left:8px;margin-right:8px} .psm-list-item.active{background-color:#ebe3fa} .psm-list-item a{text-decoration:none;color:#000} .psm-drawer-container{position:fixed;z-index:1300;right:0;left:0;top:0;bottom:0} .psm-paper{-webkit-transition:-webkit-transform 225ms ease-out;transition:-webkit-transform 225ms ease-out;transition:transform 225ms ease-out;transition:transform 225ms ease-out, -webkit-transform 225ms ease-out;display:inline-block;background-color:#fff;height:100%;width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 4px 14px rgba(0,0,0,0.2),0px 3px 14px rgba(0,0,0,0.12),0px 8px 10px rgba(0,0,0,0.14);box-shadow:0px 4px 14px rgba(0,0,0,0.2),0px 3px 14px rgba(0,0,0,0.12),0px 8px 10px rgba(0,0,0,0.14)} .header-button:hover{background:transparent;color:inherit} .header-button-container .psm-button--menu{padding:0} .main-header{min-height:60px;white-space:nowrap} .main-header .top{background-color:#f8f8f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 32px} .main-header .top.extra-small{padding:12px 16px} .main-header .logo{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:140px;max-height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:32px} .main-header .logo.extra-small{margin-right:16px} .main-header .logo img{width:100%;height:auto} .main-header .psm-typeahead{margin-right:32px} .main-header .psm-typeahead--search{background-color:#fff} .main-header .psm-input-trailing-icon{margin-left:auto} .main-header .psm-input-trailing-icon.small,.main-header .psm-input-trailing-icon.extra-small{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .main-header .psm-input-trailing-icon.small .psm-typeahead,.main-header .psm-input-trailing-icon.extra-small .psm-typeahead{margin-left:0;margin-right:0} .main-header .psm-input-trailing-icon.small{background-color:#f8f8f8;padding-left:32px;padding-right:32px} .main-header .psm-input-trailing-icon.extra-small{padding-left:0;padding-right:0} .main-header .main-nav{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #dadcdd;padding:12px 32px 0} .main-header .main-nav .primary-nav{float:left} .main-header .main-nav .secondary-nav{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .main-header .main-nav #nav1{font-size:0.875rem;padding-left:20px} .main-header .main-nav #nav1 li{margin-right:8px} .main-header .main-nav #nav1 span{border-bottom:2px solid transparent;padding:12px 8px 10px} .main-header .main-nav #nav1 span:hover{background:#f1f1f1} .main-header .main-nav #nav1:active{background:#fff;color:#7049d5} .main-header .main-nav #nav1 .currentPage{color:#7049d5;border-bottom:2px solid #7049d5} .main-header .main-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0} .main-header .main-nav ul li{color:#000;font-size:14px;font-weight:normal;line-height:130%;padding:10px 16px 8px 16px} .main-header .main-nav ul li a{color:#000;display:block;line-height:1;text-decoration:none;padding:2px 2px} .main-header .main-nav .admin-tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none} .main-header .main-nav .admin-tools svg{margin-left:12px} .main-header .search{width:400px;border-radius:5px;overflow:visible} .main-header .search .psm-input{margin:0;border-radius:5px} .main-header .search button{display:inline-block;-webkit-appearance:none;border:none;border-radius:0px 5px 5px 0px;min-width:56px;min-height:40px;padding:0;position:absolute;right:0;top:0;cursor:pointer} .main-header .search svg{position:relative;margin-top:12px} .main-header .account{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto} .main-header .account .notifications{margin-right:32px;position:relative} .main-header .account .notifications.extra-small{margin-right:16px} .main-header .account .notifications a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#000} .main-header .account .notifications button{border:none;background:none;height:2.4rem;position:relative} .main-header .account .notifications .cart{display:inline-block;padding:0.25rem 0.5rem} .main-header .account .notifications svg{height:16px;margin-right:8px;width:16px} .main-header .account .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:right;margin-right:16px} .main-header .account .user-info .points{color:black;font-size:12px;line-height:100%;text-decoration:none} .main-header .account .user-info .user-name{font-size:14px;line-height:100%} .main-header .account .profile-menu div ul{right:60px} .main-header .account .profile-menu [class^='psm-dropdown__'] [class^='psm-dropdown'] [class^='psm-avatar'] .psm-avatar__text{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex} .main-header .account .profile-menu [class^='psm-dropdown__'] [class^='psm-dropdown'] [class^='psm-avatar'] .psm-avatar__text [class^='psm-avatar']{position:relative;top:-5px} .main-header ul{list-style:none} .psm-input,.psm-input--error,.psm-input:invalid{width:100%;height:40px;margin:8px 0;padding:7px 12px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #c4c4c4;border-radius:3px;color:#212121} .psm-input::-webkit-input-placeholder, .psm-input--error::-webkit-input-placeholder, .psm-input:invalid::-webkit-input-placeholder{color:#8e8e8e} .psm-input::-moz-placeholder, .psm-input--error::-moz-placeholder, .psm-input:invalid::-moz-placeholder{color:#8e8e8e} .psm-input:-ms-input-placeholder, .psm-input--error:-ms-input-placeholder, .psm-input:invalid:-ms-input-placeholder{color:#8e8e8e} .psm-input::-ms-input-placeholder, .psm-input--error::-ms-input-placeholder, .psm-input:invalid::-ms-input-placeholder{color:#8e8e8e} .psm-input::placeholder,.psm-input--error::placeholder,.psm-input:invalid::placeholder{color:#8e8e8e} .psm-input:hover,.psm-input--error:hover,.psm-input:hover:invalid{border-color:#42a5f5;-webkit-box-shadow:0 0 0 2px #e3f2fd;box-shadow:0 0 0 2px #e3f2fd} .psm-input:hover.psm-input--error,.psm-input:hover.psm-input:invalid,:hover.psm-input--error,:hover.psm-input:invalid{-webkit-box-shadow:0 0 0 2px #fceded;box-shadow:0 0 0 2px #fceded} .psm-input--error,.psm-input:invalid,.psm-input--error:invalid,.psm-input:invalid{border-color:#d70e16} .psm-input:disabled,.psm-input--error:disabled,.psm-input:disabled:invalid{border:1px solid #c4c4c4 !important;-webkit-box-shadow:none !important;box-shadow:none !important} .psm-input:disabled,.psm-input--error:disabled,.psm-input:disabled:invalid{background-color:#f8f8f8;color:#ababae} .psm-input:disabled::-webkit-input-placeholder, .psm-input--error:disabled::-webkit-input-placeholder, .psm-input:invalid:disabled::-webkit-input-placeholder{color:#ababae} .psm-input:disabled::-moz-placeholder, .psm-input--error:disabled::-moz-placeholder, .psm-input:invalid:disabled::-moz-placeholder{color:#ababae} .psm-input:disabled:-ms-input-placeholder, .psm-input--error:disabled:-ms-input-placeholder, .psm-input:invalid:disabled:-ms-input-placeholder{color:#ababae} .psm-input:disabled::-ms-input-placeholder, .psm-input--error:disabled::-ms-input-placeholder, .psm-input:invalid:disabled::-ms-input-placeholder{color:#ababae} .psm-input:disabled::placeholder,.psm-input--error:disabled::placeholder,.psm-input:invalid:disabled::placeholder{color:#ababae} button[class|='psm-icon-svg']{background:transparent;border:none;bottom:16px;padding:0} .psm-form__label{margin:16px 0px 0px;color:#212121;font-size:14px;line-height:14px;font-weight:900;text-align:left} .psm-form__optional{margin-left:8px;color:#525252;font-size:14px;font-weight:normal} .psm-form__subtext,.psm-form__info-text,.psm-form__error-text{text-align:left;margin-bottom:8px;font-size:12px;line-height:12px} .psm-form__info-text{color:#525252} .psm-form__error-text{color:#d70e16} .psm-multi-select,.psm-multi-select--selected{display:inline-block;padding:2px 8px;border:1px solid #c4c4c4;border-radius:3px;cursor:pointer} .psm-multi-select:hover,.psm-multi-select--selected:hover{background-color:#7942dd;color:white} .psm-multi-select::before,.psm-multi-select--selected::before{content:'';background-color:#ffffff;height:12px;width:12px;border:1px solid #c4c4c4;padding:0;margin:0 16px 0 0;display:inline-block;vertical-align:middle} .psm-multi-select--radio::before{border-radius:100%} .psm-multi-select--selected{border:1px solid #7942dd;-webkit-box-shadow:0 0 0 2px #d7c6f5;box-shadow:0 0 0 2px #d7c6f5} .psm-multi-select--selected:hover::before{background-color:transparent;color:#ffffff} .psm-multi-select--selected::before{content:"\E90E";border:none;color:#7942dd;height:24px;padding:0 0 0 0;display:inline-block;vertical-align:middle} .psm-select{padding:0 16px;line-height:36px;background-color:white;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;background-image:url(/icons/psm-select-arrow.svg);background-position:right 9px;background-repeat:no-repeat} .psm-select::-ms-expand{display:none} .psm-list{color:#212121;cursor:pointer;list-style:none;max-width:100%;padding:0} .psm-list-hidden{visibility:hidden;display:none} .psm-list-visible{visibility:visible;display:inline-block} .psm-list--row,.psm-list--row-hover{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:13px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;line-height:150%;position:relative;border-top:1px solid #e1e1e1} .psm-list--row:hover,.psm-list--row:focus,.psm-list--row-hover:hover,.psm-list--row-hover:focus{background:white} .psm-list--row:last-child,.psm-list--row-hover:last-child{border-bottom:1px solid #e1e1e1} .psm-list--row-hover:hover{background:white;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);box-shadow:0px 0px 4px rgba(0,0,0,0.2)} .psm-list--info-block{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;color:#707070;padding-left:1.5rem} .psm-list--menu-button{background:transparent;border:none;border-radius:3px;-webkit-box-sizing:inherit;box-sizing:inherit;font:inherit;height:18px;margin-left:12px;outline:none;padding:4px;width:18px} .psm-list--menu-button:hover{background-color:#e1e1e1;border-radius:3px} .psm-list--menu-button:active{background-color:#c4c4c4;border-radius:3px} .psm-list--menu{cursor:default;background:#ffffff;border:1px solid #c4c4c4;border-radius:3px;-webkit-box-shadow:0px 1px 9px rgba(0,0,0,0.25);box-shadow:0px 1px 9px rgba(0,0,0,0.25);list-style:none;margin:0;min-width:5%;padding:0;position:absolute;right:0;top:100%;z-index:1} .psm-list--menu-row{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:13px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;line-height:150%;position:relative;cursor:pointer;padding:16px;right:0;left:auto;margin:0} .psm-list--menu-row:hover,.psm-list--menu-row:focus{background:white} .psm-list--menu-row:hover{background:#f1f1f1} .psm-list--menu-row:active{outline-width:2px;outline-style:solid;outline-color:Highlight} .psm-modal,.psm-modal--show,.psm-modal--hide{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 0.2s ease-in, z-index 0.2s linear;transition:opacity 0.2s ease-in, z-index 0.2s linear;opacity:0} .psm-modal>.psm-modal__content,.psm-modal--show>.psm-modal__content,.psm-modal--hide>.psm-modal__content{background-color:#ffffff;margin:0 auto;overflow:hidden;padding:24px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.14),0 6px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.14),0 6px 5px 0 rgba(0,0,0,0.12),0 1px 10px 0 rgba(0,0,0,0.2);border-radius:3px;-webkit-transition:-webkit-transform 0.2s linear;transition:-webkit-transform 0.2s linear;transition:transform 0.2s linear;transition:transform 0.2s linear, -webkit-transform 0.2s linear;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);width:80%} .psm-modal>.psm-modal__content>.psm-modal__header,.psm-modal--show>.psm-modal__content>.psm-modal__header,.psm-modal--hide>.psm-modal__content>.psm-modal__header{text-align:center;margin:16px 0} .psm-modal>.psm-modal__content>.psm-modal__close,.psm-modal--show>.psm-modal__content>.psm-modal__close,.psm-modal--hide>.psm-modal__content>.psm-modal__close{position:absolute;top:16px;right:16px;cursor:pointer;padding:8px;background:none;border:none} .psm-modal>.psm-modal__content>.psm-modal__body,.psm-modal--show>.psm-modal__content>.psm-modal__body,.psm-modal--hide>.psm-modal__content>.psm-modal__body{height:250px;padding:8px;overflow-y:auto;padding-bottom:44px;padding-top:44px;position:'relative'} .psm-modal>.psm-modal__content>.psm-modal__footer,.psm-modal--show>.psm-modal__content>.psm-modal__footer,.psm-modal--hide>.psm-modal__content>.psm-modal__footer{margin:0 -24px;padding:16px 24px 0;text-align:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .psm-modal>.psm-modal__content>.psm-modal__footer button,.psm-modal--show>.psm-modal__content>.psm-modal__footer button,.psm-modal--hide>.psm-modal__content>.psm-modal__footer button{margin:4px} .psm-modal--show{opacity:1;z-index:100} .psm-modal--show .psm-modal__content{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)} .psm-modal--hide{z-index:-1} .psm-modal--hide .psm-modal__content{-webkit-transition:-webkit-transform 0.2s linear;transition:-webkit-transform 0.2s linear;transition:transform 0.2s linear;transition:transform 0.2s linear, -webkit-transform 0.2s linear;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)} .psm-radio__group{border:none;padding:0} .psm-radio{display:inline-block;width:16px;height:16px;cursor:pointer;margin:0 8px 0 3px;visibility:hidden} .psm-radio::after{background-color:#fff;width:16px;height:16px;border-radius:16px;top:0;left:0;position:relative;content:'';display:inline-block;visibility:visible;border:1px solid #d4d4d4;-webkit-box-sizing:unset;box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:initial;width:14px;height:14px;margin:1px 8px 0 -1px} .psm-radio:hover::after{background-color:#fff;width:16px;height:16px;border-radius:16px;top:0;left:0;position:relative;content:'';display:inline-block;visibility:visible;border:1px solid #7942dd;margin:1px 8px 0 -1px;width:14px;height:14px;-webkit-transition:0.4s;transition:0.4s} .psm-radio:checked::after{background-color:#fff;width:6px;height:6px;border-radius:16px;top:0;left:0;position:relative;content:'';display:inline-block;visibility:visible;border:5px solid #7942dd;margin:1px 8px 0 -1px} .psm-radio__label{bottom:6px;cursor:pointer;position:relative} .psm-rollover,.psm-rollover__text-dotted,.psm-rollover__text-underlined,.psm-rollover__window,.psm-rollover__window-visible,.psm-rollover__window-hidden{display:inline-block;line-height:.85;position:relative;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .psm-rollover--container{list-style:none;margin:0;padding:12px;text-align:left;text-align:initial;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .psm-rollover__text-dotted{border-bottom:1px dotted #525252;cursor:pointer} .psm-rollover__text-underlined{border-bottom:1px solid #525252} .psm-rollover__footer{background:transparent;border-style:none;-webkit-box-shadow:inset 0px 2px 0px #707070;box-shadow:inset 0px 2px 0px #707070;color:white;cursor:pointer;font-size:16px;padding:6px 12px 3px 12px;width:100%} .psm-rollover__window,.psm-rollover__window-visible,.psm-rollover__window-hidden{background-color:#525252;color:white;text-align:center;border-radius:3px;line-height:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:absolute;z-index:1} .psm-rollover__window.psm-rollover__window--down,.psm-rollover__window--down.psm-rollover__window-visible,.psm-rollover__window--down.psm-rollover__window-hidden{margin-top:10px;top:100%;left:50%} .psm-rollover__window.psm-rollover__window--up,.psm-rollover__window--up.psm-rollover__window-visible,.psm-rollover__window--up.psm-rollover__window-hidden{margin-bottom:9px;bottom:100%;left:50%} .psm-rollover__window-visible{visibility:visible} .psm-rollover__window-hidden{visibility:hidden} .psm-rollover-visible{display:block;visibility:visible} .psm-rollover-hidden{display:none;visibility:hidden} .psm-rollover__window-visible ~ .psm-rollover__hover-text--up::after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-9px;border-width:9px 9px 0 9px;border-style:solid;border-color:#525252 transparent transparent transparent} .psm-rollover__window-visible ~ .psm-rollover__hover-text--down::after{content:' ';position:absolute;top:100%;left:50%;margin-left:-9px;margin-top:2px;border-width:0 9px 9px 9px;border-style:solid;border-color:transparent transparent #525252 transparent} input[type='range']{-webkit-appearance:none;width:100%;margin:6px 0;background-color:transparent;outline:none} input[type='range']::-moz-focus-outer{border:0} input[type='range']::-webkit-slider-runnable-track{height:4px;cursor:pointer;-webkit-appearance:none;margin-top:0px;background:#af8eeb;border-radius:25px;border:0px solid #af8eeb} input[type='range']::-webkit-slider-thumb{border:8px solid #7942dd;position:relative;z-index:11;height:16px;width:16px;border-radius:50px;background:transparent;-webkit-transition:border-width 0.2s;transition:border-width 0.2s;-webkit-transition:-webkit-box-shadow 0.2s;transition:-webkit-box-shadow 0.2s;transition:box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s;cursor:pointer;-webkit-appearance:none;margin-top:-6px} input[type='range']::-webkit-slider-thumb:hover{border:5px solid #7942dd;-webkit-box-shadow:0 0 0 2px rgba(175,142,235,0.3);box-shadow:0 0 0 2px rgba(175,142,235,0.3)} input[type='range']::-webkit-slider-thumb:active{border:5px solid #7942dd} input[type='range']:focus::-webkit-slider-runnable-track{background:#af8eeb;height:4px} input[type='range']::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#e1e1e1} input[type='range']::-moz-range-thumb{border:8px solid #7942dd;height:0px;width:0px;border-radius:25px;-moz-transition:border-width 0.2s;transition:border-width 0.2s;-moz-transition:0.2s;transition:0.2s;cursor:pointer} input[type='range']::-moz-range-thumb:hover{border:5px solid #7942dd;height:8px;width:8px} input[type='range']::-moz-range-thumb:active{border:5px solid #7942dd;height:8px;width:8px} input[type='range']::-moz-range-progress{background-color:#af8eeb;height:4px} input[type='range']::-ms-track{width:100%;appearance:none;height:4px;cursor:pointer;background:transparent;border-color:transparent;border-width:8px;color:transparent} input[type='range']::-ms-fill-lower{background:#af8eeb;appearance:none;border-radius:10px} input[type='range']::-ms-fill-upper{background:#e1e1e1;appearance:none;border-radius:10px} input[type='range']::-ms-thumb{border:8px solid #7942dd;height:8px;width:8px;appearance:none;border-radius:50%;-ms-transition:border-width 0.2s;transition:border-width 0.2s;cursor:pointer} input[type='range']::-ms-thumb:hover{border:5px solid #7942dd} input[type='range']::-ms-thumb:active{border:5px solid #7942dd} input[type='range']::-ms-tooltip{display:none} .psm-input__slider{position:relative} .psm-input__slider-range--current{text-align:center;color:#525252;font-weight:bold;font-size:12px;border-radius:10px;left:0} .psm-input__slider-range--values,.psm-input__slider-range--low,.psm-input__slider-range--high{color:#525252;font-size:12px;margin-top:-16px;margin-bottom:-4px;height:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;z-index:12} .psm-input__slider-range--low{float:left;visibility:visible;opacity:1;-webkit-transition:opacity 0.2s;transition:opacity 0.2s} .psm-input__slider-range--high{float:right;visibility:visible;opacity:1;-webkit-transition:visibility 0.2s;transition:visibility 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s} .psm-input__slider-right-side{background:#e1e1e1;border-radius:25px;height:4px;margin-left:auto;margin-right:0px;margin-top:-11px;pointer-events:none;position:relative;z-index:10} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.psm-input__slider-right-side{display:none}input[type='range']{margin:-8px 0px}} @supports (-moz-appearance: none){.psm-input__slider-right-side{display:none}} .psm-spinner,.psm-spinner--md,.psm-spinner--xl,.psm-spinner--lg,.psm-spinner--sm,.psm-spinner--xs{display:inline-block;position:relative;width:40px;height:40px} .psm-spinner div,.psm-spinner--md div,.psm-spinner--xl div,.psm-spinner--lg div,.psm-spinner--sm div,.psm-spinner--xs div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:3px solid;border-radius:50%;-webkit-animation:psm-spinner 1.5s cubic-bezier(0.175, 0.8, 0.75, 0.8) infinite;animation:psm-spinner 1.5s cubic-bezier(0.175, 0.8, 0.75, 0.8) infinite;border-color:#7942dd transparent transparent transparent} .psm-spinner div:nth-child(1),.psm-spinner--md div:nth-child(1),.psm-spinner--xl div:nth-child(1),.psm-spinner--lg div:nth-child(1),.psm-spinner--sm div:nth-child(1),.psm-spinner--xs div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s} .psm-spinner div:nth-child(2),.psm-spinner--md div:nth-child(2),.psm-spinner--xl div:nth-child(2),.psm-spinner--lg div:nth-child(2),.psm-spinner--sm div:nth-child(2),.psm-spinner--xs div:nth-child(2){-webkit-animation-delay:0.1s;animation-delay:0.1s} .psm-spinner div:nth-child(3),.psm-spinner--md div:nth-child(3),.psm-spinner--xl div:nth-child(3),.psm-spinner--lg div:nth-child(3),.psm-spinner--sm div:nth-child(3),.psm-spinner--xs div:nth-child(3){-webkit-animation-delay:0.2s;animation-delay:0.2s} .psm-spinner div:nth-child(4),.psm-spinner--md div:nth-child(4),.psm-spinner--xl div:nth-child(4),.psm-spinner--lg div:nth-child(4),.psm-spinner--sm div:nth-child(4),.psm-spinner--xs div:nth-child(4){-webkit-animation-delay:0.3s;animation-delay:0.3s} @-webkit-keyframes psm-spinner-parent{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes psm-spinner-parent{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes psm-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes psm-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .psm-spinner--xl{width:120px;height:120px} .psm-spinner--lg{width:72px;height:72px} .psm-spinner--sm{width:32px;height:32px} .psm-spinner--xs{width:24px;height:24px} .psm-table__wrapper{position:relative;color:#212121} .psm-table{border:none;border-collapse:collapse;font-size:14px;width:100%} .psm-table .psm-table__th{font-weight:bold;padding:19px;text-align:left} .psm-table .psm-table__td{text-align:left;padding:19px;line-height:16px} .psm-table-caption{font-weight:600;font-size:24px;padding:19px;text-align:left} .psm-table__actions{position:absolute;right:24px;top:24px} .psm-table__actions .psm-button,.psm-table__actions .psm-button--primary{margin:0 6px} .psm-table--box{border-radius:3px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.14),0 2px 2px 0 rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);padding:24px} .psm-tag{background:#0066ed;border-radius:12px;color:white;display:inline-block;text-align:center;font-size:12px;line-height:1.1667;margin:0 8px 0 12px;padding:5px 32px 5px 12px;font-weight:500;position:relative} .psm-tag__close{border:none;background:transparent;display:inline-block;position:absolute;right:12px;top:20%;padding:0;margin:0} .psm-tag__close:focus,.psm-tag__close:hover{outline-width:2px;outline-style:solid;outline-color:Highlight} .psm-form__textarea,.psm-form__textarea--error,.psm-form__textarea:invalid{width:100%;max-width:100%;min-width:100%;margin-top:8px;padding:7px 12px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #c4c4c4;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;border-radius:3px;min-height:200px;color:#212121} .psm-form__textarea::-webkit-input-placeholder, .psm-form__textarea--error::-webkit-input-placeholder, .psm-form__textarea:invalid::-webkit-input-placeholder{color:#8e8e8e} .psm-form__textarea::-moz-placeholder, .psm-form__textarea--error::-moz-placeholder, .psm-form__textarea:invalid::-moz-placeholder{color:#8e8e8e} .psm-form__textarea:-ms-input-placeholder, .psm-form__textarea--error:-ms-input-placeholder, .psm-form__textarea:invalid:-ms-input-placeholder{color:#8e8e8e} .psm-form__textarea::-ms-input-placeholder, .psm-form__textarea--error::-ms-input-placeholder, .psm-form__textarea:invalid::-ms-input-placeholder{color:#8e8e8e} .psm-form__textarea::placeholder,.psm-form__textarea--error::placeholder,.psm-form__textarea:invalid::placeholder{color:#8e8e8e} .psm-form__textarea:disabled,.psm-form__textarea--error:disabled,.psm-form__textarea:disabled:invalid{border:1px solid #c4c4c4 !important;-webkit-box-shadow:none !important;box-shadow:none !important} .psm-form__textarea:disabled,.psm-form__textarea--error:disabled,.psm-form__textarea:disabled:invalid{background-color:#f8f8f8;color:#ababae} .psm-form__textarea:disabled::-webkit-input-placeholder, .psm-form__textarea--error:disabled::-webkit-input-placeholder, .psm-form__textarea:invalid:disabled::-webkit-input-placeholder{color:#ababae} .psm-form__textarea:disabled::-moz-placeholder, .psm-form__textarea--error:disabled::-moz-placeholder, .psm-form__textarea:invalid:disabled::-moz-placeholder{color:#ababae} .psm-form__textarea:disabled:-ms-input-placeholder, .psm-form__textarea--error:disabled:-ms-input-placeholder, .psm-form__textarea:invalid:disabled:-ms-input-placeholder{color:#ababae} .psm-form__textarea:disabled::-ms-input-placeholder, .psm-form__textarea--error:disabled::-ms-input-placeholder, .psm-form__textarea:invalid:disabled::-ms-input-placeholder{color:#ababae} .psm-form__textarea:disabled::placeholder,.psm-form__textarea--error:disabled::placeholder,.psm-form__textarea:invalid:disabled::placeholder{color:#ababae} .psm-form__textarea--error,.psm-form__textarea:invalid{border-color:#d70e16} .psm-form__label{margin:16px 0px 0px;color:#212121;font-size:14px;line-height:14px;font-weight:900;text-align:left} .psm-form__optional{margin-left:8px;color:#525252;font-size:14px;font-weight:normal} .psm-form__subtext,.psm-form__info-text,.psm-form__error-text{text-align:left;margin-bottom:8px;font-size:12px;line-height:12px} .psm-form__info-text{color:#525252} .psm-form__error-text{color:#d70e16} .psm-form__max-chars,.psm-form__max-chars--error{float:right;font-weight:normal;font-size:12px;line-height:12px;color:#525252} .psm-form__max-chars--error{color:#d70e16} .psm-form__textarea>ul{margin:0} .psm-form__textarea>ul li{list-style-type:disc;position:relative;left:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:list-item;margin:0} div[contenteditable='true']:empty:before{content:attr(placeholder);display:block;color:#8e8e8e} .psm-toggle__wrapper{display:inline-block;position:relative} .psm-toggle__label{display:inline-block;line-height:28px;padding-left:8px;vertical-align:top} .psm-toggle{background-color:#dadcdd;border-radius:50px;cursor:pointer;display:inline-block;height:28px;position:relative;-webkit-transition:all 0.4s;transition:all 0.4s;width:48px} .psm-toggle>.psm-toggle__switch{background-color:#ffffff;border-radius:100%;-webkit-box-shadow:0 1px 1px 0 gray;box-shadow:0 1px 1px 0 gray;height:24px;left:2px;position:absolute;top:2px;-webkit-transition:all 0.4s;transition:all 0.4s;width:24px} .psm-toggle.psm-toggle--active{background-color:#008ae5} .psm-toggle.psm-toggle--active>.psm-toggle__switch{left:22px} .psm-toggle .psm-toggle__checkbox{border:0;clip:rect(0, 0, 0, 0);height:1px;left:8px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:8px;white-space:nowrap;width:1px} .psm-toggle.psm-toggle--focus{outline:#212121 dotted 1px;outline:-webkit-focus-ring-color auto 5px} [class^='psm-icon-'],[class*=' psm-icon-']{font-style:normal;font-weight:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .psm-icon-a-check:before{content:"\E900"} .psm-icon-add:before{content:"\E901"} .psm-icon-alert-circle-i:before{content:"\E902"} .psm-icon-archive-check:before{content:"\E903"} .psm-icon-attach:before{content:"\E904"} .psm-icon-bell:before{content:"\E905"} .psm-icon-block-down:before{content:"\E906"} .psm-icon-bullet-list:before{content:"\E907"} .psm-icon-calendar:before{content:"\E909"} .psm-icon-calendar-add:before{content:"\E908"} .psm-icon-cart-simple:before{content:"\E90A"} .psm-icon-chart-bar:before{content:"\E90B"} .psm-icon-chat:before{content:"\E90D"} .psm-icon-chat-alt:before{content:"\E90C"} .psm-icon-check:before{content:"\E90E"} .psm-icon-cloud-download:before{content:"\E90F"} .psm-icon-conversation:before{content:"\E910"} .psm-icon-desktop:before{content:"\E911"} .psm-icon-edit-note:before{content:"\E912"} .psm-icon-email:before{content:"\E913"} .psm-icon-eye:before{content:"\E914"} .psm-icon-favorite:before{content:"\E915"} .psm-icon-flag-points:before{content:"\E916"} .psm-icon-goal:before{content:"\E917"} .psm-icon-heart:before{content:"\E918"} .psm-icon-heartbeat:before{content:"\E919"} .psm-icon-image:before{content:"\E91A"} .psm-icon-lock:before{content:"\E91B"} .psm-icon-menu:before{content:"\E91D"} .psm-icon-menu-dots:before{content:"\E91C"} .psm-icon-group:before{content:"\E91E"} .psm-icon-one-on-one:before{content:"\E91F"} .psm-icon-agenda:before{content:"\E920"} .psm-icon-play-screen:before{content:"\E921"} .psm-icon-power:before{content:"\E922"} .psm-icon-print:before{content:"\E923"} .psm-icon-refresh:before{content:"\E924"} .psm-icon-select:before{content:"\E925"} .psm-icon-send:before{content:"\E926"} .psm-icon-settings-gear:before{content:"\E927"} .psm-icon-share:before{content:"\E929"} .psm-icon-share-alt:before{content:"\E928"} .psm-icon-simple-add:before{content:"\E92A"} .psm-icon-simple-remove:before{content:"\E92B"} .psm-icon-single-body:before{content:"\E92C"} .psm-icon-single-content:before{content:"\E92D"} .psm-icon-small-down:before{content:"\E92E"} .psm-icon-small-left:before{content:"\E92F"} .psm-icon-small-right:before{content:"\E930"} .psm-icon-small-triangle-down:before{content:"\E931"} .psm-icon-small-triangle-left:before{content:"\E932"} .psm-icon-small-triangle-right:before{content:"\E933"} .psm-icon-small-triangle-up:before{content:"\E934"} .psm-icon-small-up:before{content:"\E935"} .psm-icon-stre-down:before{content:"\E936"} .psm-icon-stre-left:before{content:"\E937"} .psm-icon-stre-right:before{content:"\E938"} .psm-icon-stre-up:before{content:"\E939"} .psm-icon-support:before{content:"\E93A"} .psm-icon-tag:before{content:"\E93B"} .psm-icon-tail-down:before{content:"\E93C"} .psm-icon-tail-left:before{content:"\E93D"} .psm-icon-tail-right:before{content:"\E93E"} .psm-icon-tail-up:before{content:"\E93F"} .psm-icon-trash:before{content:"\E940"} .psm-icon-trophy:before{content:"\E941"} .psm-icon-zoom-in:before{content:"\E942"} .psm-form{text-align:left} .psm-form.psm-form__header{font-family:"Noto Sans","Helvetica","Arial",sans-serif;font-weight:bold;color:#212121;font-size:18px} .psm-form.psm-form__paragraph{color:#212121;font-size:14px} .psm-form.psm-form__button{background-color:#7942dd;border-color:#7942dd;outline-style:none;color:white;margin-top:8px} .psm-form.psm-form__button.psm-form__button--secondary{color:#212121;min-width:0px;margin-left:8px;border-color:transparent;background-color:transparent} .psm-form.psm-form__button.psm-form__button--secondary:hover{background-color:#f1f1f1} .psm-form__input-half{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .psm-form__input-half>div{width:calc(50% - 8px)} .psm-form-textarea{-webkit-appearance:none;width:100%} html,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:"Noto Sans",sans-serif;color:#212121;line-height:2} .psm-header--1{font-size:1.5rem;font-weight:600;color:#212121} .psm-header--2{font-size:1.25rem;font-weight:600;color:#212121} .psm-header--3{font-size:1rem;font-weight:600;color:#212121} .psm-header--4{font-size:1rem;font-weight:normal;color:#212121} .psm-header--5{font-size:0.875rem;font-weight:600;color:#212121} .psm-header--6{font-size:1rem;font-weight:normal;color:#212121} .psm-form-heading{font-size:0.75rem;font-weight:600;text-transform:uppercase} .psm-paragraph{font-size:0.875rem;line-height:1.5rem} .psm-type-body,.psm-link{font-size:0.875rem;line-height:1.25rem} .psm-paragraph--small{font-size:0.75rem} .psm-type-body--small{font-size:0.75rem;line-height:1.25rem} .psm-link{color:#008ae5;text-decoration:none} a{font-family:Noto Sans;color:#0066ed} a:active{background:#edf4fe;border-radius:3px} .sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0} html,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:"Noto Sans",sans-serif;color:#212121;line-height:2} .psm-header--1{font-size:1.5rem;font-weight:600;color:#212121} .psm-header--2{font-size:1.25rem;font-weight:600;color:#212121} .psm-header--3{font-size:1rem;font-weight:600;color:#212121} .psm-header--4{font-size:1rem;font-weight:normal;color:#212121} .psm-header--5{font-size:0.875rem;font-weight:600;color:#212121} .psm-header--6{font-size:1rem;font-weight:normal;color:#212121} .psm-form-heading{font-size:0.75rem;font-weight:600;text-transform:uppercase} .psm-paragraph{font-size:0.875rem;line-height:1.5rem} .psm-type-body,.psm-link{font-size:0.875rem;line-height:1.25rem} .psm-paragraph--small{font-size:0.75rem} .psm-type-body--small{font-size:0.75rem;line-height:1.25rem} .psm-link{color:#008ae5;text-decoration:none} #oct-appreciateModal .modal--heading--r7x3q, #oct-appreciateModal .modal--subheading--AAxnE, #oct-appreciateModal .modal--callToActionDiv--Pyq8U, #oct-appreciateModal .modal--nextButtonWrapper--sVd-Q, #oct-appreciateModal .modal--hidden--5bi5e, #oct-appreciateModal .modal--errorMsg--kHfUp, #oct-appreciateModal .modal--editButton--ECNZ2, #oct-appreciateModal .modal--linkButton--VQ60a, #oct-appreciateModal .modal--errorButton--1yr\+R, #oct-appreciateModal .modal--sr-only--teoyo, #oct-appreciateModal .modal--loadingShimmer--mB7\+f, #oct-appreciateModal .modal--modalWrapper--NY1GT, #oct-appreciateModal .modal--modalDialog--c8rsY { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .modal--heading--r7x3q { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .modal--heading--r7x3q h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .modal--subheading--AAxnE { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .modal--subheading--AAxnE > p { margin-top: 0; } #oct-appreciateModal .modal--callToActionDiv--Pyq8U { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .modal--nextButtonWrapper--sVd-Q { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .modal--hidden--5bi5e { display: none; } #oct-appreciateModal .modal--button--a0Fjv { float: none; } #oct-appreciateModal .modal--errorMsg--kHfUp { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .modal--editButton--ECNZ2, #oct-appreciateModal .modal--linkButton--VQ60a { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .modal--editButton--ECNZ2 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .modal--linkButton--VQ60a { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .modal--errorButton--1yr\+R { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .modal--errorButton--1yr\+R:hover, #oct-appreciateModal .modal--errorButton--1yr\+R:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .modal--sr-only--teoyo { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .modal--loadingShimmer--mB7\+f { overflow: hidden; position: relative; } #oct-appreciateModal .modal--loadingShimmer--mB7\+f::after { -webkit-animation: modal--loadingShimmer--mB7\+f 1.25s linear infinite forwards; animation: modal--loadingShimmer--mB7\+f 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes modal--loadingShimmer--mB7\+f { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes modal--loadingShimmer--mB7\+f { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes modal--placeHolderShimmer--ZfP8E { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes modal--placeHolderShimmer--ZfP8E { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .modal--modalWrapper--NY1GT { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh; background-color: rgba(26, 26, 26, 0.7); font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); font-size: 14px; z-index: 10; display: none; overflow-y: scroll; } #oct-appreciateModal .modal--modalWrapper--NY1GT.modal--js-hide--aTXMW { display: none; } #oct-appreciateModal .modal--modalWrapper--NY1GT.modal--js-show--H-Vya { display: block; } #oct-appreciateModal .modal--modalWrapper--NY1GT input, #oct-appreciateModal .modal--modalWrapper--NY1GT textarea { font-size: 14px; } #oct-appreciateModal .modal--modalWrapper--NY1GT *, #oct-appreciateModal .modal--modalWrapper--NY1GT *::after, #oct-appreciateModal .modal--modalWrapper--NY1GT *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } #oct-appreciateModal .modal--modalDialog--c8rsY { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); height: auto; overflow: auto; position: relative; width: 456px; min-height: 256px; z-index: 1; } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh { width: 684px; margin: 92px auto; height: auto; } @media (max-width: 732px) { #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh { margin: 0; width: 100vw; top: 0; left: 0; height: 100vh; border-radius: 0; } } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh { .modal--heading--r7x3q { margin-top: 40px; } } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh .modal--body--Fim\+3 { width: 620px; margin: 40px auto; padding: 0; } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--notFullSize--DbKUQ { top: 50%; left: 50%; -webkit-transform: translateZ(0) translate(-50%, -50%); transform: translateZ(0) translate(-50%, -50%); } #oct-appreciateModal .modal--modalDialog--c8rsY .modal--body--Fim\+3 { margin: 40px auto; padding: 0 24px; } #oct-appreciateModal .modal--modalDialog--c8rsY > .modal--close--KXCaI { position: absolute; font-size: 1em; background: transparent; border: 0; fill: #707070; fill: var(--gray-600); padding: 5px; right: 0; top: 0; cursor: pointer; } #oct-appreciateModal .modal--modalDialog--c8rsY > .modal--close--KXCaI:focus, #oct-appreciateModal .modal--modalDialog--c8rsY > .modal--close--KXCaI:hover { fill: #212121; fill: var(--gray-900); } #oct-appreciateModal .modal--modalDialog--c8rsY .modal--stickyButton--gOqgV { position: fixed; z-index: 4; } #oct-appreciateModal .modal--modalDialog--c8rsY .modal--stickyHeader--D8PLY { background: white; border-bottom: none; margin: 0; max-width: 684px; position: static; padding: 13px 48px 9px; top: 0; width: 100%; z-index: 3; } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh > .modal--close--KXCaI { right: 16px; top: 16px; } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--notFullSize--DbKUQ > .modal--close--KXCaI { right: 16px; top: 16px; } #oct-appreciateModal .modal--modalDialog--c8rsY::after { display: table; content: " "; clear: both; } @media (max-width: 731px) { #oct-appreciateModal .modal--modalDialog--c8rsY { width: 100vw; height: 100vh; border-radius: 0; } #oct-appreciateModal .modal--modalDialog--c8rsY.modal--fullSize--6DHnh .modal--body--Fim\+3 { margin: 20px 5% 100px 5%; width: calc(100vw - 10%); } } #oct-appreciateModal .common--heading--jZbC5, #oct-appreciateModal .common--subheading--VX8jI, #oct-appreciateModal .common--callToActionDiv--bRiaw, #oct-appreciateModal .common--nextButtonWrapper--y-pRO, #oct-appreciateModal .common--hidden--ljFlY, #oct-appreciateModal .common--errorMsg--039Vt, #oct-appreciateModal .common--editButton--kTOrf, #oct-appreciateModal .common--linkButton--xUKMM, #oct-appreciateModal .common--errorButton--kcDh1, #oct-appreciateModal .common--sr-only--R41bO, #oct-appreciateModal .common--loadingShimmer--f0\+Gf { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .common--heading--jZbC5 { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .common--heading--jZbC5 h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .common--subheading--VX8jI { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .common--subheading--VX8jI > p { margin-top: 0; } #oct-appreciateModal .common--callToActionDiv--bRiaw { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .common--nextButtonWrapper--y-pRO { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .common--hidden--ljFlY { display: none; } #oct-appreciateModal .common--button--JFe5u { float: none; } #oct-appreciateModal .common--errorMsg--039Vt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .common--editButton--kTOrf, #oct-appreciateModal .common--linkButton--xUKMM { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .common--editButton--kTOrf { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .common--linkButton--xUKMM { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .common--errorButton--kcDh1 { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .common--errorButton--kcDh1:hover, #oct-appreciateModal .common--errorButton--kcDh1:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .common--sr-only--R41bO { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .common--loadingShimmer--f0\+Gf { overflow: hidden; position: relative; } #oct-appreciateModal .common--loadingShimmer--f0\+Gf::after { -webkit-animation: common--loadingShimmer--f0\+Gf 1.25s linear infinite forwards; animation: common--loadingShimmer--f0\+Gf 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes common--loadingShimmer--f0\+Gf { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes common--loadingShimmer--f0\+Gf { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes common--placeHolderShimmer--JuIUp { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes common--placeHolderShimmer--JuIUp { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .button--heading--1fKcz, #oct-appreciateModal .button--subheading--E668q, #oct-appreciateModal .button--callToActionDiv--FvmY2, #oct-appreciateModal .button--nextButtonWrapper--8W0AX, #oct-appreciateModal .button--hidden--Zu9C3, #oct-appreciateModal .button--errorMsg--Hr0hH, #oct-appreciateModal .button--editButton--xx1JG, #oct-appreciateModal .button--linkButton--11GqV, #oct-appreciateModal .button--errorButton--ylxLY, #oct-appreciateModal .button--sr-only--93OtQ, #oct-appreciateModal .button--loadingShimmer--\+6GBs { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .button--heading--1fKcz { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .button--heading--1fKcz h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .button--subheading--E668q { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .button--subheading--E668q > p { margin-top: 0; } #oct-appreciateModal .button--callToActionDiv--FvmY2 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .button--nextButtonWrapper--8W0AX { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .button--hidden--Zu9C3 { display: none; } #oct-appreciateModal .button--button--9jFbh { float: none; } #oct-appreciateModal .button--errorMsg--Hr0hH { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .button--editButton--xx1JG, #oct-appreciateModal .button--linkButton--11GqV { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .button--editButton--xx1JG { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .button--linkButton--11GqV { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .button--errorButton--ylxLY { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .button--errorButton--ylxLY:hover, #oct-appreciateModal .button--errorButton--ylxLY:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .button--sr-only--93OtQ { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .button--loadingShimmer--\+6GBs { overflow: hidden; position: relative; } #oct-appreciateModal .button--loadingShimmer--\+6GBs::after { -webkit-animation: button--loadingShimmer--\+6GBs 1.25s linear infinite forwards; animation: button--loadingShimmer--\+6GBs 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes button--loadingShimmer--\+6GBs { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes button--loadingShimmer--\+6GBs { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes button--placeHolderShimmer--nG0w5 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes button--placeHolderShimmer--nG0w5 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .button--button--9jFbh:disabled { color: #fff; cursor: not-allowed; } #oct-appreciateModal .button--button--9jFbh:disabled::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 1; } #oct-appreciateModal .button--button--9jFbh.button--loading--8\+uup::before { border-radius: 50%; content: ''; width: 24px; height: 24px; display: inline-block; border: 0.25rem solid rgba(0, 0, 0, 0.2); border-top-color: #525252; border-top-color: var(--gray-700); -webkit-animation: button--spin--jTuTy 1s infinite linear; animation: button--spin--jTuTy 1s infinite linear; position: absolute; left: calc(50% - 8px); top: 6px; z-index: 2; } #oct-appreciateModal .button--button--9jFbh.button--dotsLoader--1aVAO > span { background-color: white; width: 6px; height: 6px; border-radius: 50%; display: inline-block; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); -webkit-animation: button--jumpingDots--\+mvUj 600ms infinite linear; animation: button--jumpingDots--\+mvUj 600ms infinite linear; } #oct-appreciateModal .button--button--9jFbh.button--dotsLoader--1aVAO > span:nth-child(3) { -webkit-animation-delay: -300ms; animation-delay: -300ms; } #oct-appreciateModal .button--button--9jFbh.button--dotsLoader--1aVAO > span:nth-child(2) { -webkit-animation-delay: -150ms; animation-delay: -150ms; } #oct-appreciateModal .button--hidden--Zu9C3 { display: none; } @-webkit-keyframes button--jumpingDots--\+mvUj { 25% { -webkit-transform: translateY(2px); transform: translateY(2px); } 75% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @keyframes button--jumpingDots--\+mvUj { 25% { -webkit-transform: translateY(2px); transform: translateY(2px); } 75% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @-webkit-keyframes button--spin--jTuTy { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes button--spin--jTuTy { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* These styles are copied from prism-ui-css so that we can style the appreciate button since it's outside the modal wrapper */ .psm-button[id^="give-widget_appreciateButton"], .psm-button--text[id^="give-widget_appreciateButton"], .psm-button--primary[id^="give-widget_appreciateButton"], .psm-button--small[id^="give-widget_appreciateButton"] { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 80px; height: 36px; padding: 0 16px; border: 1px solid #e1e1e1; border-radius: 3px; color: #525252; background-color: #e1e1e1; font-size: 0.875rem; font-weight: 600; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; vertical-align: middle; line-height: 34px; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; text-decoration: none; } .psm-button[id^="give-widget_appreciateButton"]:active, .psm-button--text[id^="give-widget_appreciateButton"]:active, .psm-button--primary[id^="give-widget_appreciateButton"]:active, .psm-button--small[id^="give-widget_appreciateButton"]:active { outline: none; border-color: #e1e1e1; background-color: #e1e1e1; color: #525252; } .psm-button--text[id^="give-widget_appreciateButton"] { background-color: transparent; border: none; color: #0066ed; } .psm-button[id^="give-widget_appreciateButton"]:hover, .psm-button--text[id^="give-widget_appreciateButton"]:hover, .psm-button--primary[id^="give-widget_appreciateButton"]:hover, .psm-button--small[id^="give-widget_appreciateButton"]:hover { cursor: pointer; border-color: #c4c4c4; background-color: #c4c4c4; color: #363636; } .psm-button[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--text[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--primary[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--small[id^="give-widget_appreciateButton"]::-moz-focus-inner { padding: 0; border: 0; } .psm-button[id^="give-widget_appreciateButton"]:disabled, .psm-button--text[id^="give-widget_appreciateButton"]:disabled, .psm-button--primary[id^="give-widget_appreciateButton"]:disabled, .psm-button--small[id^="give-widget_appreciateButton"]:disabled { cursor: default; pointer-events: none; } .psm-button--primary[id^="give-widget_appreciateButton"] { background-color: #7942dd; border-color: #7942dd; color: white; } .psm-button--primary[id^="give-widget_appreciateButton"]:active { border-color: #7942dd; background-color: #7942dd; } .psm-button--primary[id^="give-widget_appreciateButton"]:hover { border-color: #552e9b; background-color: #552e9b; color: white; } .psm-button--primary[id^="give-widget_appreciateButton"]:disabled { border-color: #af8eeb; background-color: #af8eeb; color: #ebe3fa; } .psm-button--small[id^="give-widget_appreciateButton"] { min-width: 74px; height: 24px; line-height: 22px; } .psm-button[id^="give-widget_appreciateButton"], .psm-button--text[id^="give-widget_appreciateButton"], .psm-button--primary[id^="give-widget_appreciateButton"], .psm-dropdown--primary[id^="give-widget_appreciateButton"], .psm-button--small[id^="give-widget_appreciateButton"], .psm-dropdown[id^="give-widget_appreciateButton"], .psm-dropdown--text[id^="give-widget_appreciateButton"] { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 80px; height: 36px; padding: 0 16px; border: 1px solid #e1e1e1; border-radius: 3px; color: #525252; background-color: #e1e1e1; font-size: 0.875rem; font-weight: 600; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; vertical-align: middle; line-height: 34px; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; text-decoration: none; } .psm-button[id^="give-widget_appreciateButton"]:active, .psm-button--text[id^="give-widget_appreciateButton"]:active, .psm-button--primary[id^="give-widget_appreciateButton"]:active, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:active, .psm-button--small[id^="give-widget_appreciateButton"]:active, .psm-dropdown[id^="give-widget_appreciateButton"]:active, .psm-dropdown--text[id^="give-widget_appreciateButton"]:active { outline: none; border-color: #e1e1e1; background-color: #e1e1e1; color: #525252; } .psm-button--text[id^="give-widget_appreciateButton"] { background-color: transparent; border: none; color: #0066ed; } .psm-button[id^="give-widget_appreciateButton"]:hover, .psm-button--text[id^="give-widget_appreciateButton"]:hover, .psm-button--primary[id^="give-widget_appreciateButton"]:hover, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:hover, .psm-button--small[id^="give-widget_appreciateButton"]:hover, .psm-dropdown[id^="give-widget_appreciateButton"]:hover, .psm-dropdown--text[id^="give-widget_appreciateButton"]:hover { cursor: pointer; border-color: #c4c4c4; background-color: #c4c4c4; color: #363636; } .psm-button[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--text[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--primary[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-dropdown--primary[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-button--small[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-dropdown[id^="give-widget_appreciateButton"]::-moz-focus-inner, .psm-dropdown--text[id^="give-widget_appreciateButton"]::-moz-focus-inner { padding: 0; border: 0; } .psm-button[id^="give-widget_appreciateButton"]:disabled, .psm-button--text[id^="give-widget_appreciateButton"]:disabled, .psm-button--primary[id^="give-widget_appreciateButton"]:disabled, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:disabled, .psm-button--small[id^="give-widget_appreciateButton"]:disabled, .psm-dropdown[id^="give-widget_appreciateButton"]:disabled, .psm-dropdown--text[id^="give-widget_appreciateButton"]:disabled { cursor: default; pointer-events: none; } .psm-button--primary[id^="give-widget_appreciateButton"], .psm-dropdown--primary[id^="give-widget_appreciateButton"] { background-color: #7942dd; border-color: #7942dd; color: white; } .psm-button--primary[id^="give-widget_appreciateButton"]:active, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:active { border-color: #7942dd; background-color: #7942dd; } .psm-button--primary[id^="give-widget_appreciateButton"]:hover, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:hover { border-color: #552e9b; background-color: #552e9b; color: white; } .psm-button--primary[id^="give-widget_appreciateButton"]:disabled, .psm-dropdown--primary[id^="give-widget_appreciateButton"]:disabled { border-color: #af8eeb; background-color: #af8eeb; color: #ebe3fa; } .psm-button--small[id^="give-widget_appreciateButton"] { min-width: 74px; height: 24px; line-height: 22px; } #oct-appreciateModal .app--heading--Q3axr, #oct-appreciateModal .app--subheading--SlzB\+, #oct-appreciateModal .app--callToActionDiv--aFRCJ, #oct-appreciateModal .app--nextButtonWrapper--eCBNh, #oct-appreciateModal .app--hidden--lp1Zg, #oct-appreciateModal .app--errorMsg--ATpEa, #oct-appreciateModal .app--editButton--X4mUi, #oct-appreciateModal .app--linkButton--GdoXy, #oct-appreciateModal .app--errorButton--eGkO\+, #oct-appreciateModal .app--sr-only--zc\+SO, #oct-appreciateModal .app--loadingShimmer--KOAIF, #oct-appreciateModal .app--appreciate--fYOoI, #oct-appreciateModal .app--hide--QjQhi { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .app--heading--Q3axr { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .app--heading--Q3axr h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .app--subheading--SlzB\+ { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .app--subheading--SlzB\+ > p { margin-top: 0; } #oct-appreciateModal .app--callToActionDiv--aFRCJ { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .app--nextButtonWrapper--eCBNh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .app--hidden--lp1Zg { display: none; } #oct-appreciateModal .app--button--gZEUL { float: none; } #oct-appreciateModal .app--errorMsg--ATpEa { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .app--editButton--X4mUi, #oct-appreciateModal .app--linkButton--GdoXy { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .app--editButton--X4mUi { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .app--linkButton--GdoXy { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .app--errorButton--eGkO\+ { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .app--errorButton--eGkO\+:hover, #oct-appreciateModal .app--errorButton--eGkO\+:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .app--sr-only--zc\+SO { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .app--loadingShimmer--KOAIF { overflow: hidden; position: relative; } #oct-appreciateModal .app--loadingShimmer--KOAIF::after { -webkit-animation: app--loadingShimmer--KOAIF 1.25s linear infinite forwards; animation: app--loadingShimmer--KOAIF 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes app--loadingShimmer--KOAIF { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes app--loadingShimmer--KOAIF { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes app--placeHolderShimmer--XT0IO { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes app--placeHolderShimmer--XT0IO { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-black-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-black-webfont.woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-extrabold-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-extrabold-webfont.woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-bold-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-bold-webfont.woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-semibold-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-semibold-webfont.woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-regular-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-regular-webfont.woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-light-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-light-webfont.woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-blackitalic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-blackitalic-webfont.woff'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-extrabolditalic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-extrabolditalic-webfont.woff'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-bolditalic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-bolditalic-webfont.woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-semibolditalic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-semibolditalic-webfont.woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-italic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-italic-webfont.woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Noto Sans'; src: url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-lightitalic-webfont.woff2'), url('https://oct.assets.appreciatehub.com/fonts/notosans/notosans-lightitalic-webfont.woff'); font-weight: 400; font-style: italic; } #oct-appreciateModal { color: #212121; color: var(--gray-900); position: relative; text-align: left; text-decoration: none; z-index: 30; } #oct-appreciateModal [class^=MuiButtonBase] { color: inherit; text-align: left; } #oct-appreciateModal button { color: #fff; text-align: center; text-decoration: none; vertical-align: middle; } #oct-appreciateModal *:not([class]) { border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } #oct-appreciateModal .app--appreciate--fYOoI { padding: 0 16px; font-weight: 400; } #oct-appreciateModal .app--hide--QjQhi { display: none; } #oct-appreciateModal .loading_view--heading--D83WK, #oct-appreciateModal .loading_view--subheading--3kjA1, #oct-appreciateModal .loading_view--callToActionDiv--Q7\+q9, #oct-appreciateModal .loading_view--nextButtonWrapper--dV20V, #oct-appreciateModal .loading_view--hidden--tRtTm, #oct-appreciateModal .loading_view--errorMsg--GSL84, #oct-appreciateModal .loading_view--editButton--Wb24K, #oct-appreciateModal .loading_view--linkButton--ETltW, #oct-appreciateModal .loading_view--errorButton--r06bY, #oct-appreciateModal .loading_view--sr-only--K3NXS, #oct-appreciateModal .loading_view--loadingShimmer--ix\+j-, #oct-appreciateModal .loading_view--loadingSpinner--vicNC, #oct-appreciateModal .loading_view--popupMessage--caG6w { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .loading_view--heading--D83WK { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .loading_view--heading--D83WK h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .loading_view--subheading--3kjA1 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .loading_view--subheading--3kjA1 > p { margin-top: 0; } #oct-appreciateModal .loading_view--callToActionDiv--Q7\+q9 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .loading_view--nextButtonWrapper--dV20V { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .loading_view--hidden--tRtTm { display: none; } #oct-appreciateModal .loading_view--button--JvHHr { float: none; } #oct-appreciateModal .loading_view--errorMsg--GSL84 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .loading_view--editButton--Wb24K, #oct-appreciateModal .loading_view--linkButton--ETltW { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .loading_view--editButton--Wb24K { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .loading_view--linkButton--ETltW { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .loading_view--errorButton--r06bY { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .loading_view--errorButton--r06bY:hover, #oct-appreciateModal .loading_view--errorButton--r06bY:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .loading_view--sr-only--K3NXS { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .loading_view--loadingShimmer--ix\+j- { overflow: hidden; position: relative; } #oct-appreciateModal .loading_view--loadingShimmer--ix\+j-::after { -webkit-animation: loading_view--loadingShimmer--ix\+j- 1.25s linear infinite forwards; animation: loading_view--loadingShimmer--ix\+j- 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes loading_view--loadingShimmer--ix\+j- { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes loading_view--loadingShimmer--ix\+j- { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes loading_view--placeHolderShimmer--HuJ6R { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes loading_view--placeHolderShimmer--HuJ6R { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .loading_view--loadingSpinner--vicNC { display: block; margin: 0 auto; top: 200px; z-index: 10; } #oct-appreciateModal .loading_view--loadingSpinner--vicNC > div { border-top-color: #212121; border-top-color: var(--gray-900); } #oct-appreciateModal .loading_view--popupMessage--caG6w { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: none; margin: 0 auto; padding: 16px; position: relative; top: 200px; width: 500px; } #oct-appreciateModal .loading_view--showPopupMessage--Ga4Ck .loading_view--popupMessage--caG6w { display: block; } #oct-appreciateModal .loading_view--showPopupMessage--Ga4Ck .loading_view--loadingSpinner--vicNC { display: none; } #oct-appreciateModal .loading_view--hidden--tRtTm { display: none; } #oct-appreciateModal .user_search_view--heading--f55ui, #oct-appreciateModal .user_search_view--subheading--uQk2s, #oct-appreciateModal .user_search_view--callToActionDiv--P8L28, #oct-appreciateModal .user_search_view--nextButtonWrapper--1a2Kx, #oct-appreciateModal .user_search_view--hidden--kbZav, #oct-appreciateModal .user_search_view--errorMsg--58Fh7, #oct-appreciateModal .user_search_view--editButton--cwsUM, #oct-appreciateModal .user_search_view--linkButton--Cdv3-, #oct-appreciateModal .user_search_view--errorButton--CLdoi, #oct-appreciateModal .user_search_view--sr-only--M3N5o, #oct-appreciateModal .user_search_view--loadingShimmer--F-IW5, #oct-appreciateModal .user_search_view--userSearchView--sX1Zw, #oct-appreciateModal .user_search_view--streamLined--BKOUB, #oct-appreciateModal .user_search_view--sectionContainer--jFxia, #oct-appreciateModal .user_search_view--searchPlaceholder--HMr\+9, #oct-appreciateModal .user_search_view--searchPlaceholderOld--RPRbR, #oct-appreciateModal .user_search_view--searchList--lY-0F, #oct-appreciateModal .user_search_view--buttonContainer--HxFeh, #oct-appreciateModal .user_search_view--pillBoxList--FRxPJ, #oct-appreciateModal .user_search_view--recognitionTypesErrorMessage--2bYma, #oct-appreciateModal .user_search_view--proxyContainer--6JfKW, #oct-appreciateModal .user_search_view--bulkLink--ziC3F, #oct-appreciateModal .user_search_view--bulkLinkOld--rw05R, #oct-appreciateModal .user_search_view--recipientsList--rOQlH, #oct-appreciateModal .user_search_view--recipientsLoader--0M8RG, #oct-appreciateModal .user_search_view--helperText--\+D6i3 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .user_search_view--heading--f55ui { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .user_search_view--heading--f55ui h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .user_search_view--subheading--uQk2s { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .user_search_view--subheading--uQk2s > p { margin-top: 0; } #oct-appreciateModal .user_search_view--callToActionDiv--P8L28 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .user_search_view--nextButtonWrapper--1a2Kx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .user_search_view--hidden--kbZav { display: none; } #oct-appreciateModal .user_search_view--button--EyiwU { float: none; } #oct-appreciateModal .user_search_view--errorMsg--58Fh7 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .user_search_view--editButton--cwsUM, #oct-appreciateModal .user_search_view--linkButton--Cdv3- { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .user_search_view--editButton--cwsUM { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .user_search_view--linkButton--Cdv3- { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .user_search_view--errorButton--CLdoi { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .user_search_view--errorButton--CLdoi:hover, #oct-appreciateModal .user_search_view--errorButton--CLdoi:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .user_search_view--sr-only--M3N5o { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .user_search_view--loadingShimmer--F-IW5 { overflow: hidden; position: relative; } #oct-appreciateModal .user_search_view--loadingShimmer--F-IW5::after { -webkit-animation: user_search_view--loadingShimmer--F-IW5 1.25s linear infinite forwards; animation: user_search_view--loadingShimmer--F-IW5 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes user_search_view--loadingShimmer--F-IW5 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes user_search_view--loadingShimmer--F-IW5 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes user_search_view--placeHolderShimmer--s\+gvz { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes user_search_view--placeHolderShimmer--s\+gvz { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } /* occurs in a popup */ .user_search_view--wizardOption--iJBwZ { font-style: italic; } #oct-appreciateModal .user_search_view--userSearchView--sX1Zw { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #oct-appreciateModal .user_search_view--streamLined--BKOUB { margin-bottom: 86px; } #oct-appreciateModal .user_search_view--listContainer--\+5rta, #oct-appreciateModal .user_search_view--sectionContainer--jFxia { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #oct-appreciateModal .user_search_view--sectionContainer--jFxia { overflow: none; width: 100%; } #oct-appreciateModal .user_search_view--searchPlaceholder--HMr\+9 { margin-top: 16px; margin-bottom: 8px; } #oct-appreciateModal .user_search_view--searchPlaceholder--HMr\+9 > svg { position: absolute; fill: #707070; fill: var(--gray-600); margin: 8px 8px 8px 0; } #oct-appreciateModal .user_search_view--searchPlaceholderOld--RPRbR { background-color: #fff; border-radius: 3px; border: 1px solid #c4c4c4; border: 1px solid var(--prism-input-gray); display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 12px 0 16px; padding: 12px 16px; position: relative; } #oct-appreciateModal .user_search_view--searchList--lY-0F { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } #oct-appreciateModal .user_search_view--sendEcardButton--hKASR, #oct-appreciateModal .user_search_view--sendNominationButton--tsUZt { text-transform: none; margin: 0 4px 8px 0; } #oct-appreciateModal .user_search_view--buttonContainer--HxFeh { text-align: center; margin-bottom: 16px; } #oct-appreciateModal .user_search_view--pillBoxList--FRxPJ { margin: 0; padding: 0; } #oct-appreciateModal .user_search_view--recognitionTypesErrorMessage--2bYma { margin: 0 0 8px; } #oct-appreciateModal .user_search_view--proxyContainer--6JfKW { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; margin-bottom: 16px; } #oct-appreciateModal .user_search_view--proxyContainer--6JfKW > label { margin: 0 16px 0 0; padding: 0; color: #1a1e20; font-weight: 500; } #oct-appreciateModal .user_search_view--hidden--kbZav { display: none; } #oct-appreciateModal .user_search_view--bulkLink--ziC3F { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 8px; max-width: 150px; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } #oct-appreciateModal .user_search_view--bulkLinkOld--rw05R { top: 20%; } #oct-appreciateModal #user_search_view--userAutoComplete--O\+XR0 { margin: 6px 0 0; } #oct-appreciateModal #user_search_view--recipientOptionsContainer--3\+u0m { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #oct-appreciateModal .user_search_view--recipientsList--rOQlH { color: #707070; color: var(--gray-600); } #oct-appreciateModal .user_search_view--recipientsLoader--0M8RG { vertical-align: middle; } #oct-appreciateModal #user_search_view--callToActionDiv--P8L28 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 72px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 16px; } #oct-appreciateModal .user_search_view--recognitionLevels--x2xFt, #oct-appreciateModal .user_search_view--descriptionOfAchievement--dht7S, #oct-appreciateModal .user_search_view--companyValues--tQ2if, #oct-appreciateModal .user_search_view--specialInstructions--Zk-os { margin-top: 24px; } #oct-appreciateModal .user_search_view--helperText--\+D6i3 { margin-top: 0; margin-left: 16px; font-size: 12px; } #oct-appreciateModal .pillbox--heading--6cie9, #oct-appreciateModal .pillbox--subheading--79waN, #oct-appreciateModal .pillbox--callToActionDiv---GZ4-, #oct-appreciateModal .pillbox--nextButtonWrapper--Fph1P, #oct-appreciateModal .pillbox--hidden--yPN0U, #oct-appreciateModal .pillbox--errorMsg--8jggg, #oct-appreciateModal .pillbox--editButton--vLbv0, #oct-appreciateModal .pillbox--linkButton--AF1ui, #oct-appreciateModal .pillbox--errorButton--wNVC1, #oct-appreciateModal .pillbox--sr-only--\+kWoB, #oct-appreciateModal .pillbox--loadingShimmer--HTjVu, #oct-appreciateModal .pillbox--pillboxList--zbk5v { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .pillbox--heading--6cie9 { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .pillbox--heading--6cie9 h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .pillbox--subheading--79waN { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .pillbox--subheading--79waN > p { margin-top: 0; } #oct-appreciateModal .pillbox--callToActionDiv---GZ4- { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .pillbox--nextButtonWrapper--Fph1P { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .pillbox--hidden--yPN0U { display: none; } #oct-appreciateModal .pillbox--button--cDFWL { float: none; } #oct-appreciateModal .pillbox--errorMsg--8jggg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .pillbox--editButton--vLbv0, #oct-appreciateModal .pillbox--linkButton--AF1ui { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .pillbox--editButton--vLbv0 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .pillbox--linkButton--AF1ui { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .pillbox--errorButton--wNVC1 { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .pillbox--errorButton--wNVC1:hover, #oct-appreciateModal .pillbox--errorButton--wNVC1:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .pillbox--sr-only--\+kWoB { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .pillbox--loadingShimmer--HTjVu { overflow: hidden; position: relative; } #oct-appreciateModal .pillbox--loadingShimmer--HTjVu::after { -webkit-animation: pillbox--loadingShimmer--HTjVu 1.25s linear infinite forwards; animation: pillbox--loadingShimmer--HTjVu 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes pillbox--loadingShimmer--HTjVu { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes pillbox--loadingShimmer--HTjVu { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes pillbox--placeHolderShimmer--AKXIH { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes pillbox--placeHolderShimmer--AKXIH { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .pillbox--pillboxList--zbk5v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: -4px 0 0; list-style: none; } #oct-appreciateModal .pillbox--pillboxList--zbk5v > li:first-child { margin-left: 20px; } #oct-appreciateModal .pillbox--pillboxList--zbk5v#give-widget_ecard-details-users { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #oct-appreciateModal .pillbox--pillboxList--zbk5v > li { margin: 3px 8px 2px 0; } #oct-appreciateModal .pillbox--pillboxList--zbk5v > li > button { vertical-align: baseline; } #oct-appreciateModal .list--heading--Kh2Ny, #oct-appreciateModal .list--subheading--BpiTd, #oct-appreciateModal .list--callToActionDiv--\+cMC0, #oct-appreciateModal .list--nextButtonWrapper--WxA6x, #oct-appreciateModal .list--hidden--ugRFh, #oct-appreciateModal .list--errorMsg--8AoI9, #oct-appreciateModal .list--editButton--bt015, #oct-appreciateModal .list--linkButton--ZWX6v, #oct-appreciateModal .list--errorButton--59xpN, #oct-appreciateModal .list--sr-only---rjfA, #oct-appreciateModal .list--loadingShimmer--aVq30, #oct-appreciateModal .list--wrapper--o2w56, #oct-appreciateModal .list--noDataMessage--MkEG0, #oct-appreciateModal .list--list--tA0XD, #oct-appreciateModal .list--mainContent--J9l3z, #oct-appreciateModal .list--fullName--Q-1sb { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .list--heading--Kh2Ny { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .list--heading--Kh2Ny h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .list--subheading--BpiTd { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .list--subheading--BpiTd > p { margin-top: 0; } #oct-appreciateModal .list--callToActionDiv--\+cMC0 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .list--nextButtonWrapper--WxA6x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .list--hidden--ugRFh { display: none; } #oct-appreciateModal .list--button--8xwF1 { float: none; } #oct-appreciateModal .list--errorMsg--8AoI9 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .list--editButton--bt015, #oct-appreciateModal .list--linkButton--ZWX6v { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .list--editButton--bt015 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .list--linkButton--ZWX6v { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .list--errorButton--59xpN { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .list--errorButton--59xpN:hover, #oct-appreciateModal .list--errorButton--59xpN:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .list--sr-only---rjfA { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .list--loadingShimmer--aVq30 { overflow: hidden; position: relative; } #oct-appreciateModal .list--loadingShimmer--aVq30::after { -webkit-animation: list--loadingShimmer--aVq30 1.25s linear infinite forwards; animation: list--loadingShimmer--aVq30 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes list--loadingShimmer--aVq30 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes list--loadingShimmer--aVq30 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes list--placeHolderShimmer--gTW0y { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes list--placeHolderShimmer--gTW0y { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .list--wrapper--o2w56 { display: block; max-height: 400px; width: 100%; position: relative; } #oct-appreciateModal .list--wrapper--o2w56.list--alwaysOpen--KEczr { max-height: 400px; } #oct-appreciateModal .list--wrapper--o2w56.list--alwaysOpen--KEczr .list--list--tA0XD { height: 100%; max-height: 400px; position: relative; } #oct-appreciateModal .list--wrapper--o2w56.list--alwaysOpen--KEczr .list--noDataMessage--MkEG0 { border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; } #oct-appreciateModal .list--list--tA0XD, #oct-appreciateModal .list--noDataMessage--MkEG0 { background-color: white; border: 1px solid #e1e1e1; border: 1px solid var(--gray-200); border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0 #e1e1e1; box-shadow: 1px 1px 3px 0 #e1e1e1; -webkit-box-shadow: 1px 1px 3px 0 var(--gray-200); box-shadow: 1px 1px 3px 0 var(--gray-200); font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); margin: 0; width: 100%; z-index: 1; overflow-x: hidden; overflow-y: auto; } #oct-appreciateModal .list--noDataMessage--MkEG0 { background-color: #deebfc; background-color: var(--info-bg); color: #0060e0; color: var(--info-text); height: 52px; padding: 16px 24px; } #oct-appreciateModal .list--noDataMessage--MkEG0.list--error--n959H { background-color: #fde5e5; background-color: var(--error-bg); color: #d10a12; color: var(--error-text); } #oct-appreciateModal .list--list--tA0XD { font-size: 16px; height: 190px; list-style: none; padding: 0; } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 24px 16px 16px; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid var(--gray-200); cursor: pointer; } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC[disabled="disabled"] { cursor: default; background-color: #f8f8f8; background-color: var(--gray-50); } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC.list--active--pHa5h { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC.list--active--pHa5h .list--fullName--Q-1sb { color: #0078d3; color: var(--blue-2); } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC:hover { background-color: #f1f1f1; background-color: var(--gray-100); } #oct-appreciateModal .list--list--tA0XD > .list--item--8stqC:last-child { border-bottom: 0; } #oct-appreciateModal .list--mainContent--J9l3z { margin: 0 0 0 16px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #oct-appreciateModal .list--fullName--Q-1sb { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 800; line-height: 130%; margin: 0; } #oct-appreciateModal .list--departmentName--Roh\+6, #oct-appreciateModal .list--managerName--hEbn-, #oct-appreciateModal .list--jobTitle--YE1AC, #oct-appreciateModal .list--workLocation--JofKj { color: #525252; color: var(--gray-700); font-size: 14px; line-height: 130%; margin: 0; display: inline-block; text-transform: capitalize; } #oct-appreciateModal .list--jobTitle--YE1AC:not(:first-of-type)::after, #oct-appreciateModal .list--workLocation--JofKj:not(:first-of-type)::after, #oct-appreciateModal .list--managerName--hEbn-:not(:first-of-type)::after { content: "•"; padding-right: 5px; padding-left: 5px; } #oct-appreciateModal .list--oldDepartmentName--8uVmY, #oct-appreciateModal .list--oldManagerName--tXOjq, #oct-appreciateModal .list--oldJobTitle--v7vod, #oct-appreciateModal .list--oldWorkLocation--N9LVF { color: #525252; color: var(--gray-700); font-size: 14px; line-height: 130%; margin: 0; text-transform: capitalize; } #oct-appreciateModal .list--loading--F09ZF.list--item--8stqC { position: relative; } #oct-appreciateModal .list--loading--F09ZF .list--mainContent--J9l3z { margin-right: 20px; } #oct-appreciateModal .list--loading--F09ZF .list--fullName--Q-1sb { width: 80%; background: #ababab; background: var(--gray-400); } #oct-appreciateModal .list--loading--F09ZF .list--managerName--hEbn- { width: 60%; margin-top: 8px; background: #ababab; background: var(--gray-400); } #oct-appreciateModal .list--loading--F09ZF .list--fullName--Q-1sb, #oct-appreciateModal .list--loading--F09ZF .list--departmentName--Roh\+6, #oct-appreciateModal .list--loading--F09ZF .list--managerName--hEbn-, #oct-appreciateModal .list--loading--F09ZF.list--jobTitle--YE1AC, #oct-appreciateModal .list--loading--F09ZF.list--workLocation--JofKj { height: 16px; background: #ababab; background: var(--gray-400); background-size: 620px 100px; position: relative; } #oct-appreciateModal .list--loading--F09ZF .list--circularInitials--A7d9T { width: 42px; height: 42px; overflow: hidden; border-radius: 50%; display: inline-block; background: #ababab; background: var(--gray-400); } #oct-appreciateModal .list--loading--F09ZF .list--departmentName--Roh\+6 { width: 20%; background: #ababab; background: var(--gray-400); } #oct-appreciateModal .autocomplete--heading--BUYeQ, #oct-appreciateModal .autocomplete--subheading--urrdi, #oct-appreciateModal .autocomplete--callToActionDiv--P1PRh, #oct-appreciateModal .autocomplete--nextButtonWrapper--BqfuP, #oct-appreciateModal .autocomplete--hidden--3R6bw, #oct-appreciateModal .autocomplete--errorMsg--UxABN, #oct-appreciateModal .autocomplete--editButton--662ef, #oct-appreciateModal .autocomplete--linkButton--MAEOZ, #oct-appreciateModal .autocomplete--errorButton--8J3ZA, #oct-appreciateModal .autocomplete--sr-only--hoycm, #oct-appreciateModal .autocomplete--loadingShimmer--cchzS, #oct-appreciateModal .autocomplete--hide--uB5W5, #oct-appreciateModal .autocomplete--autocomplete--Br2PE, #oct-appreciateModal .autocomplete--searchInput--uoIiN { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .autocomplete--heading--BUYeQ { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .autocomplete--heading--BUYeQ h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .autocomplete--subheading--urrdi { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .autocomplete--subheading--urrdi > p { margin-top: 0; } #oct-appreciateModal .autocomplete--callToActionDiv--P1PRh { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .autocomplete--nextButtonWrapper--BqfuP { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .autocomplete--hidden--3R6bw { display: none; } #oct-appreciateModal .autocomplete--button--KBBZZ { float: none; } #oct-appreciateModal .autocomplete--errorMsg--UxABN { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .autocomplete--editButton--662ef, #oct-appreciateModal .autocomplete--linkButton--MAEOZ { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .autocomplete--editButton--662ef { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .autocomplete--linkButton--MAEOZ { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .autocomplete--errorButton--8J3ZA { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .autocomplete--errorButton--8J3ZA:hover, #oct-appreciateModal .autocomplete--errorButton--8J3ZA:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .autocomplete--sr-only--hoycm { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .autocomplete--loadingShimmer--cchzS { overflow: hidden; position: relative; } #oct-appreciateModal .autocomplete--loadingShimmer--cchzS::after { -webkit-animation: autocomplete--loadingShimmer--cchzS 1.25s linear infinite forwards; animation: autocomplete--loadingShimmer--cchzS 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes autocomplete--loadingShimmer--cchzS { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes autocomplete--loadingShimmer--cchzS { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes autocomplete--placeHolderShimmer--d7kG0 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes autocomplete--placeHolderShimmer--d7kG0 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .autocomplete--hide--uB5W5 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #oct-appreciateModal { .autocomplete--hide--uB5W5.autocomplete--focusable--hHR90:active, .autocomplete--hide--uB5W5.autocomplete--focusable--hHR90:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; } } #oct-appreciateModal .autocomplete--autocomplete--Br2PE { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); } #oct-appreciateModal .autocomplete--autocomplete--Br2PE#ecard-details-auto-complete { display: inline !important; } #oct-appreciateModal .autocomplete--searchInput--uoIiN { background-color: transparent; border: 0; color: #1d1e1d; cursor: text; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: inherit; font-size: 1em; font-weight: 400; overflow: hidden; padding: 6px 8px 6px 20px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } #oct-appreciateModal .autocomplete--searchInput--uoIiN:active, #oct-appreciateModal .autocomplete--searchInput--uoIiN:focus { color: #1a1e20; } @media (max-width: 732px) { #oct-appreciateModal .autocomplete--mobile_width--iAB2R[id*='nomination-presenter'] { width: 50%; } #oct-appreciateModal .autocomplete--mobile_width--iAB2R[id*='nomination-approver'] { width: 50%; } } #oct-appreciateModal .select-box--heading--hgS2O, #oct-appreciateModal .select-box--subheading--F1OvF, #oct-appreciateModal .select-box--callToActionDiv--Kra9k, #oct-appreciateModal .select-box--nextButtonWrapper--jK8ZG, #oct-appreciateModal .select-box--hidden--q7v1r, #oct-appreciateModal .select-box--errorMsg--GNXJC, #oct-appreciateModal .select-box--editButton--xvvnN, #oct-appreciateModal .select-box--linkButton--D-AMf, #oct-appreciateModal .select-box--errorButton--tANUF, #oct-appreciateModal .select-box--sr-only--7ssXM, #oct-appreciateModal .select-box--loadingShimmer--nztn3, #oct-appreciateModal .select-box--container--gxweA, #oct-appreciateModal .select-box--caret--FV\+fc { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .select-box--heading--hgS2O { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .select-box--heading--hgS2O h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .select-box--subheading--F1OvF { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .select-box--subheading--F1OvF > p { margin-top: 0; } #oct-appreciateModal .select-box--callToActionDiv--Kra9k { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .select-box--nextButtonWrapper--jK8ZG { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .select-box--hidden--q7v1r { display: none; } #oct-appreciateModal .select-box--button--sQ6lY { float: none; } #oct-appreciateModal .select-box--errorMsg--GNXJC { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .select-box--editButton--xvvnN, #oct-appreciateModal .select-box--linkButton--D-AMf { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .select-box--editButton--xvvnN { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .select-box--linkButton--D-AMf { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .select-box--errorButton--tANUF { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .select-box--errorButton--tANUF:hover, #oct-appreciateModal .select-box--errorButton--tANUF:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .select-box--sr-only--7ssXM { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .select-box--loadingShimmer--nztn3 { overflow: hidden; position: relative; } #oct-appreciateModal .select-box--loadingShimmer--nztn3::after { -webkit-animation: select-box--loadingShimmer--nztn3 1.25s linear infinite forwards; animation: select-box--loadingShimmer--nztn3 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes select-box--loadingShimmer--nztn3 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes select-box--loadingShimmer--nztn3 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes select-box--placeHolderShimmer--frgmr { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes select-box--placeHolderShimmer--frgmr { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .select-box--container--gxweA { display: inline-block; min-width: 175px; position: relative; } #oct-appreciateModal .select-box--container--gxweA select { -webkit-appearance: none; appearance: none; -moz-appearance: none; z-index: 2; background: none; cursor: pointer; padding-right: 28px; background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, white, white); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } #oct-appreciateModal .select-box--container--gxweA select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } #oct-appreciateModal .select-box--caret--FV\+fc { position: absolute; top: 18px; right: 8px; } #oct-appreciateModal .nomination-wizard--heading--w5J5i, #oct-appreciateModal .nomination-wizard--subheading--FVHba, #oct-appreciateModal .nomination-wizard--callToActionDiv--x9M4c, #oct-appreciateModal .nomination-wizard--nextButtonWrapper--BvhMC, #oct-appreciateModal .nomination-wizard--hidden--cY95X, #oct-appreciateModal .nomination-wizard--errorMsg--BT6RE, #oct-appreciateModal .nomination-wizard--editButton--b8cbA, #oct-appreciateModal .nomination-wizard--linkButton--9-ag1, #oct-appreciateModal .nomination-wizard--errorButton--PjCp9, #oct-appreciateModal .nomination-wizard--sr-only--tRk8Y, #oct-appreciateModal .nomination-wizard--loadingShimmer--G\+OtL, #oct-appreciateModal .nomination-wizard--list--QVonL, #oct-appreciateModal .nomination-wizard--loadingQuestion1--bAc\+k, #oct-appreciateModal .nomination-wizard--loadingQuestion2--rBPBn, #oct-appreciateModal .nomination-wizard--loadingQuestion3--oHCqm { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .nomination-wizard--heading--w5J5i { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .nomination-wizard--heading--w5J5i h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .nomination-wizard--subheading--FVHba { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .nomination-wizard--subheading--FVHba > p { margin-top: 0; } #oct-appreciateModal .nomination-wizard--callToActionDiv--x9M4c { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .nomination-wizard--nextButtonWrapper--BvhMC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .nomination-wizard--hidden--cY95X { display: none; } #oct-appreciateModal .nomination-wizard--button--LPYhR { float: none; } #oct-appreciateModal .nomination-wizard--errorMsg--BT6RE { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .nomination-wizard--editButton--b8cbA, #oct-appreciateModal .nomination-wizard--linkButton--9-ag1 { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .nomination-wizard--editButton--b8cbA { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .nomination-wizard--linkButton--9-ag1 { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .nomination-wizard--errorButton--PjCp9 { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .nomination-wizard--errorButton--PjCp9:hover, #oct-appreciateModal .nomination-wizard--errorButton--PjCp9:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .nomination-wizard--sr-only--tRk8Y { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .nomination-wizard--loadingShimmer--G\+OtL { overflow: hidden; position: relative; } #oct-appreciateModal .nomination-wizard--loadingShimmer--G\+OtL::after { -webkit-animation: nomination-wizard--loadingShimmer--G\+OtL 1.25s linear infinite forwards; animation: nomination-wizard--loadingShimmer--G\+OtL 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes nomination-wizard--loadingShimmer--G\+OtL { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes nomination-wizard--loadingShimmer--G\+OtL { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes nomination-wizard--placeHolderShimmer--Li-8B { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes nomination-wizard--placeHolderShimmer--Li-8B { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .nomination-wizard--list--QVonL { list-style: none; padding: 0; margin: 0; } #oct-appreciateModal .nomination-wizard--hidden--cY95X { display: none; } #oct-appreciateModal .nomination-wizard--button--LPYhR { text-align: center; } #oct-appreciateModal .nomination-wizard--loadingShimmer--G\+OtL { width: 212px; } #oct-appreciateModal .nomination-wizard--loadingQuestion1--bAc\+k, #oct-appreciateModal .nomination-wizard--loadingQuestion2--rBPBn, #oct-appreciateModal .nomination-wizard--loadingQuestion3--oHCqm { background-color: #ababab; background-color: var(--gray-400); height: 8px; margin-bottom: 16px; position: relative; } #oct-appreciateModal .nomination-wizard--loadingQuestion1--bAc\+k { height: 16px; width: 212px; } #oct-appreciateModal .nomination-wizard--loadingQuestion2--rBPBn { width: 124px; } #oct-appreciateModal .nomination-wizard--loadingQuestion3--oHCqm { width: 142px; } #oct-appreciateModal #nomination-wizard--callToActionDiv--x9M4c { height: 72px; padding-top: 16px; } #oct-appreciateModal .common_templates--heading--BcJYt, #oct-appreciateModal .common_templates--subheading--b\+8MP, #oct-appreciateModal .common_templates--callToActionDiv--BF-uQ, #oct-appreciateModal .common_templates--nextButtonWrapper--UGUXB, #oct-appreciateModal .common_templates--hidden--8VSsN, #oct-appreciateModal .common_templates--errorMsg--PrF09, #oct-appreciateModal .common_templates--editButton--ntlaU, #oct-appreciateModal .common_templates--linkButton--fOWA0, #oct-appreciateModal .common_templates--errorButton--ceQaM, #oct-appreciateModal .common_templates--sr-only--HUDAu, #oct-appreciateModal .common_templates--loadingShimmer--JE\+cV, #oct-appreciateModal .common_templates--specialInstructions--O8bHq, #oct-appreciateModal .common_templates--errorBtnIcon--7uoHE { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .common_templates--heading--BcJYt { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .common_templates--heading--BcJYt h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .common_templates--subheading--b\+8MP { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .common_templates--subheading--b\+8MP > p { margin-top: 0; } #oct-appreciateModal .common_templates--callToActionDiv--BF-uQ { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .common_templates--nextButtonWrapper--UGUXB { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .common_templates--hidden--8VSsN { display: none; } #oct-appreciateModal .common_templates--button--DKodg { float: none; } #oct-appreciateModal .common_templates--errorMsg--PrF09 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .common_templates--editButton--ntlaU, #oct-appreciateModal .common_templates--linkButton--fOWA0 { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .common_templates--editButton--ntlaU { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .common_templates--linkButton--fOWA0 { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .common_templates--errorButton--ceQaM { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .common_templates--errorButton--ceQaM:hover, #oct-appreciateModal .common_templates--errorButton--ceQaM:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .common_templates--sr-only--HUDAu { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .common_templates--loadingShimmer--JE\+cV { overflow: hidden; position: relative; } #oct-appreciateModal .common_templates--loadingShimmer--JE\+cV::after { -webkit-animation: common_templates--loadingShimmer--JE\+cV 1.25s linear infinite forwards; animation: common_templates--loadingShimmer--JE\+cV 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes common_templates--loadingShimmer--JE\+cV { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes common_templates--loadingShimmer--JE\+cV { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes common_templates--placeHolderShimmer--sVNwh { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes common_templates--placeHolderShimmer--sVNwh { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .common_templates--specialInstructions--O8bHq { margin: 0 0 12px; } #oct-appreciateModal .common_templates--hidden--8VSsN { display: none; } #oct-appreciateModal .common_templates--errorAlertMsg--pdjlH { height: 40px; font-family: 'Noto Sans'; font-weight: 400; font-size: 12px; padding: 4px 4px 4px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #D10A12; margin: 10px 0px 8px 0px; } #oct-appreciateModal .common_templates--capErrorMsg--3-tfq { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 4px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-family: 'Noto Sans', sans-serif; line-height: 20px; gap: 8px; font-weight: 400; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 48px; padding: 4px 4px 4px 16px; margin-top: 13px; margin-bottom: 24px; } #oct-appreciateModal .common_templates--errorButton--ceQaM{ padding:8px; } #oct-appreciateModal .common_templates--errorBtnIcon--7uoHE{ background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; } #oct-appreciateModal .question_answers--heading--vVOJb, #oct-appreciateModal .question_answers--subheading--oqOZm, #oct-appreciateModal .question_answers--callToActionDiv--SJX54, #oct-appreciateModal .question_answers--nextButtonWrapper--eTMqm, #oct-appreciateModal .question_answers--hidden--3EWBS, #oct-appreciateModal .question_answers--errorMsg--SSQBG, #oct-appreciateModal .question_answers--editButton--FEtfi, #oct-appreciateModal .question_answers--linkButton--2GVtO, #oct-appreciateModal .question_answers--errorButton---CvfS, #oct-appreciateModal .question_answers--sr-only--vtNDS, #oct-appreciateModal .question_answers--loadingShimmer--ir-tG, #oct-appreciateModal .question_answers--pills--ywGIA, #oct-appreciateModal .question_answers--questionAnswer--dWocZ, #oct-appreciateModal .question_answers--question--LeJm1, #oct-appreciateModal .question_answers--radioButtons--1xgrh { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .question_answers--heading--vVOJb { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .question_answers--heading--vVOJb h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .question_answers--subheading--oqOZm { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .question_answers--subheading--oqOZm > p { margin-top: 0; } #oct-appreciateModal .question_answers--callToActionDiv--SJX54 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .question_answers--nextButtonWrapper--eTMqm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .question_answers--hidden--3EWBS { display: none; } #oct-appreciateModal .question_answers--button--sqB7S { float: none; } #oct-appreciateModal .question_answers--errorMsg--SSQBG { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .question_answers--editButton--FEtfi, #oct-appreciateModal .question_answers--linkButton--2GVtO { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .question_answers--editButton--FEtfi { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .question_answers--linkButton--2GVtO { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .question_answers--errorButton---CvfS { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .question_answers--errorButton---CvfS:hover, #oct-appreciateModal .question_answers--errorButton---CvfS:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .question_answers--sr-only--vtNDS { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .question_answers--loadingShimmer--ir-tG { overflow: hidden; position: relative; } #oct-appreciateModal .question_answers--loadingShimmer--ir-tG::after { -webkit-animation: question_answers--loadingShimmer--ir-tG 1.25s linear infinite forwards; animation: question_answers--loadingShimmer--ir-tG 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes question_answers--loadingShimmer--ir-tG { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes question_answers--loadingShimmer--ir-tG { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes question_answers--placeHolderShimmer--NIhhk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes question_answers--placeHolderShimmer--NIhhk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .question_answers--pills--ywGIA { margin: 0 0 12px; padding: 0; } #oct-appreciateModal .question_answers--pills--ywGIA li { display: inline-block; list-style-type: none; margin: 0 4px 4px 0; } #oct-appreciateModal .question_answers--pills--ywGIA li.question_answers--focus--D4R3o label { outline: #212121 dotted 1px; outline: -webkit-focus-ring-color auto 5px; } #oct-appreciateModal .question_answers--pills--ywGIA label { border: solid 1px #d4d4d4; border: solid 1px var(--gray-300); border-radius: 3px; cursor: pointer; line-height: 16px; min-height: 36px; padding: 9px 36px; } #oct-appreciateModal .question_answers--pills--ywGIA .question_answers--disabled--y1ikE { border: solid 1px #e1e1e1; border: solid 1px var(--gray-200); color: #e1e1e1; color: var(--gray-200); } #oct-appreciateModal .question_answers--questionAnswer--dWocZ { border: none; margin: 0 0 16px; padding: 0; position: relative; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ label { display: inline-block; overflow: hidden; position: relative; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ input { position: absolute; top: -20px; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--pills--ywGIA li, #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--radioButtons--1xgrh li { background-color: #ababab; background-color: var(--gray-400); color: #ababab; color: var(--gray-400); position: relative; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--question--LeJm1 { height: 22px; width: 225px; background-color: #ababab; background-color: var(--gray-400); color: #ababab; color: var(--gray-400); margin: 12px 0 20px; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--optional--U6Rix { background-color: #ababab; background-color: var(--gray-400); color: #ababab; color: var(--gray-400); } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--pills--ywGIA li { height: 12px; width: 100px; margin-bottom: 7px; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--pills--ywGIA li label { display: none; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--radioButtons--1xgrh li { height: 20px; margin-left: 28px; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--radioButtons--1xgrh li + li { margin-top: 8px; } #oct-appreciateModal .question_answers--questionAnswer--dWocZ.question_answers--loading--vZXQs .question_answers--radioButtons--1xgrh li::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: -28px; border-radius: 50%; background-color: #eee; } #oct-appreciateModal .question_answers--question--LeJm1 { display: inline-block; max-width: 620px; } #oct-appreciateModal .question_answers--optional--U6Rix:not(.question_answers--hidden--3EWBS) { margin: 0 0 0 4px; display: inline-block; color: #868c8f; color: var(--tanner-gray); } #oct-appreciateModal .question_answers--radioButtons--1xgrh { padding-left: 0; } #oct-appreciateModal .question_answers--radioButtons--1xgrh li { list-style-type: none; padding-bottom: 10px; } #oct-appreciateModal .question_answers--radioButtons--1xgrh label { color: #707070; color: var(--gray-600); cursor: pointer; margin: -3px; padding: 3px; vertical-align: bottom; } #oct-appreciateModal .question_answers--radioButtons--1xgrh label::before { border: solid 1px #8e8e8e; border: solid 1px var(--gray-500); border-radius: 8px; content: ''; display: inline-block; height: 16px; margin-right: 8px; vertical-align: middle; width: 16px; } #oct-appreciateModal .question_answers--radioButtons--1xgrh li.question_answers--focus--D4R3o label::before { outline: #212121 dotted 1px; outline: -webkit-focus-ring-color auto 5px; } #oct-appreciateModal .modal_header--heading--tT3rD, #oct-appreciateModal .modal_header--subheading--VSfZe, #oct-appreciateModal .modal_header--callToActionDiv--684RK, #oct-appreciateModal .modal_header--nextButtonWrapper--GTWzn, #oct-appreciateModal .modal_header--hidden---LVyO, #oct-appreciateModal .modal_header--errorMsg--IKh\+E, #oct-appreciateModal .modal_header--editButton--iNUU7, #oct-appreciateModal .modal_header--linkButton--7QSDk, #oct-appreciateModal .modal_header--errorButton--NH2jm, #oct-appreciateModal .modal_header--sr-only--05S5e, #oct-appreciateModal .modal_header--loadingShimmer--oxCbO { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .modal_header--heading--tT3rD { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .modal_header--heading--tT3rD h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .modal_header--subheading--VSfZe { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .modal_header--subheading--VSfZe > p { margin-top: 0; } #oct-appreciateModal .modal_header--callToActionDiv--684RK { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .modal_header--nextButtonWrapper--GTWzn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .modal_header--hidden---LVyO { display: none; } #oct-appreciateModal .modal_header--button--pOI-J { float: none; } #oct-appreciateModal .modal_header--errorMsg--IKh\+E { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .modal_header--editButton--iNUU7, #oct-appreciateModal .modal_header--linkButton--7QSDk { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .modal_header--editButton--iNUU7 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .modal_header--linkButton--7QSDk { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .modal_header--errorButton--NH2jm { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .modal_header--errorButton--NH2jm:hover, #oct-appreciateModal .modal_header--errorButton--NH2jm:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .modal_header--sr-only--05S5e { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .modal_header--loadingShimmer--oxCbO { overflow: hidden; position: relative; } #oct-appreciateModal .modal_header--loadingShimmer--oxCbO::after { -webkit-animation: modal_header--loadingShimmer--oxCbO 1.25s linear infinite forwards; animation: modal_header--loadingShimmer--oxCbO 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes modal_header--loadingShimmer--oxCbO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes modal_header--loadingShimmer--oxCbO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes modal_header--placeHolderShimmer--jH5BU { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes modal_header--placeHolderShimmer--jH5BU { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .program_details_view--heading--lKZFz, #oct-appreciateModal .program_details_view--subheading--782i2, #oct-appreciateModal .program_details_view--callToActionDiv--XQv4Y, #oct-appreciateModal .program_details_view--nextButtonWrapper---hmCT, #oct-appreciateModal .program_details_view--hidden--eJu0r, #oct-appreciateModal .program_details_view--errorMsg--MHYaa, #oct-appreciateModal .program_details_view--editButton--pXTxG, #oct-appreciateModal .program_details_view--linkButton--nWXpj, #oct-appreciateModal .program_details_view--errorButton--5Qm5X, #oct-appreciateModal .program_details_view--sr-only--HqCM6, #oct-appreciateModal .program_details_view--loadingShimmer--l3QtX, #oct-appreciateModal .program_details_view--searchPlaceholder--WSzdM, #oct-appreciateModal .program_details_view--recipientsApproversAndPresenters--on8Du, #oct-appreciateModal .program_details_view--nextButton--RyjKv, #oct-appreciateModal .program_details_view--wizardLink--T7\+EU { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .program_details_view--heading--lKZFz { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .program_details_view--heading--lKZFz h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .program_details_view--subheading--782i2 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .program_details_view--subheading--782i2 > p { margin-top: 0; } #oct-appreciateModal .program_details_view--callToActionDiv--XQv4Y { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .program_details_view--nextButtonWrapper---hmCT { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .program_details_view--hidden--eJu0r { display: none; } #oct-appreciateModal .program_details_view--button--WIwe3 { float: none; } #oct-appreciateModal .program_details_view--errorMsg--MHYaa { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .program_details_view--editButton--pXTxG, #oct-appreciateModal .program_details_view--linkButton--nWXpj { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .program_details_view--editButton--pXTxG { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .program_details_view--linkButton--nWXpj { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .program_details_view--errorButton--5Qm5X { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .program_details_view--errorButton--5Qm5X:hover, #oct-appreciateModal .program_details_view--errorButton--5Qm5X:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .program_details_view--sr-only--HqCM6 { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .program_details_view--loadingShimmer--l3QtX { overflow: hidden; position: relative; } #oct-appreciateModal .program_details_view--loadingShimmer--l3QtX::after { -webkit-animation: program_details_view--loadingShimmer--l3QtX 1.25s linear infinite forwards; animation: program_details_view--loadingShimmer--l3QtX 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes program_details_view--loadingShimmer--l3QtX { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes program_details_view--loadingShimmer--l3QtX { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes program_details_view--placeHolderShimmer--UYgsk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes program_details_view--placeHolderShimmer--UYgsk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .program_details_view--program_details_view--YlwC1 > form { margin-bottom: 84px; } #oct-appreciateModal #program_details_view--callToActionDiv--XQv4Y { height: 72px; padding-top: 16px; } #oct-appreciateModal #program_details_view--programDetailsViewBody--cQ8WY { padding-left: 4px; } #oct-appreciateModal .program_details_view--searchPlaceholder--WSzdM { margin: 0 0 12px; background-color: #fff; border: 1px solid #c4c4c4; border: 1px solid var(--prism-input-gray); border-radius: 3px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); position: relative; } #oct-appreciateModal .program_details_view--searchPlaceholder--WSzdM > svg { fill: #ababab; fill: var(--gray-400); margin: 8px 8px 8px 0; } #oct-appreciateModal .program_details_view--searchPlaceholder--WSzdM.program_details_view--loading--KZrN\+ { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: program_details_view--placeHolderShimmer--UYgsk; animation-name: program_details_view--placeHolderShimmer--UYgsk; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee)); background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 620px 100px; position: relative; } #oct-appreciateModal .program_details_view--searchPlaceholder--WSzdM.program_details_view--hidden--eJu0r { display: none; } #oct-appreciateModal .program_details_view--recipientsApproversAndPresenters--on8Du { margin: 0 0 12px; width: 100%; } #oct-appreciateModal .program_details_view--recipientsApproversAndPresenters--on8Du > header::after, #oct-appreciateModal .program_details_view--recipientsApproversAndPresenters--on8Du::after { content: ''; display: table; overflow: hidden; clear: both; } #oct-appreciateModal .program_details_view--recipientsHeading--4f2Z6, #oct-appreciateModal .program_details_view--approversHeading--Wq-pm, #oct-appreciateModal .program_details_view--presentersHeading--8lKgl { width: 33.33%; float: left; font-family: inherit; font-weight: 500; margin: 0 0 8px; } #oct-appreciateModal .program_details_view--recipientsList--ApCNX, #oct-appreciateModal .program_details_view--approversList--Zw50F, #oct-appreciateModal .program_details_view--presentersList--MvkW2 { margin: 0 0 8px; padding: 0; float: left; width: 33.33%; list-style: none; font-size: 16px; } #oct-appreciateModal .program_details_view--recipientsList--ApCNX > li, #oct-appreciateModal .program_details_view--approversList--Zw50F > li, #oct-appreciateModal .program_details_view--presentersList--MvkW2 > li { color: #212121; color: var(--gray-900); font-size: 1em; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } #oct-appreciateModal .program_details_view--recipientsList--ApCNX.program_details_view--loading--KZrN\+ > li > span, #oct-appreciateModal .program_details_view--approversList--Zw50F.program_details_view--loading--KZrN\+ > li > span, #oct-appreciateModal .program_details_view--presentersList--MvkW2.program_details_view--loading--KZrN\+ > li > span, #oct-appreciateModal .program_details_view--recipientsList--ApCNX.program_details_view--loading--KZrN\+ > li > p, #oct-appreciateModal .program_details_view--approversList--Zw50F.program_details_view--loading--KZrN\+ > li > p, #oct-appreciateModal .program_details_view--presentersList--MvkW2.program_details_view--loading--KZrN\+ > li > p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: program_details_view--placeHolderShimmer--UYgsk; animation-name: program_details_view--placeHolderShimmer--UYgsk; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee)); background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 620px 100px; position: relative; } #oct-appreciateModal .program_details_view--recipientsList--ApCNX.program_details_view--loading--KZrN\+ > li > p, #oct-appreciateModal .program_details_view--approversList--Zw50F.program_details_view--loading--KZrN\+ > li > p, #oct-appreciateModal .program_details_view--presentersList--MvkW2.program_details_view--loading--KZrN\+ > li > p { width: 100px; height: 20px; } #oct-appreciateModal .program_details_view--nextButton--RyjKv { text-transform: none; } #oct-appreciateModal .program_details_view--nextButtonWrapper---hmCT { text-align: center; } #oct-appreciateModal .program_details_view--wizardLink--T7\+EU { margin-bottom: 16px; } #oct-appreciateModal .textbox--heading--lMRyl, #oct-appreciateModal .textbox--subheading--S7NBd, #oct-appreciateModal .textbox--callToActionDiv--lF-Ky, #oct-appreciateModal .textbox--nextButtonWrapper--R6A5f, #oct-appreciateModal .textbox--hidden--PWErf, #oct-appreciateModal .textbox--errorMsg--9OclC, #oct-appreciateModal .textbox--editButton---aVfW, #oct-appreciateModal .textbox--linkButton--LY8Pn, #oct-appreciateModal .textbox--errorButton---N5zy, #oct-appreciateModal .textbox--sr-only--ZHtLe, #oct-appreciateModal .textbox--loadingShimmer--Y5ZrJ, #oct-appreciateModal .textbox--textboxContainer--q4ptT, #oct-appreciateModal .textbox--textBox--AH8bb, #oct-appreciateModal .textbox--isError--6mESJ, #oct-appreciateModal .textbox--notError--IqI81, #oct-appreciateModal .textbox--toggleButton--6opJX, #oct-appreciateModal .textbox--helperTextContainer--IrYCQ, #oct-appreciateModal .textbox--helperText--nPYR-, #oct-appreciateModal .textbox--error--se1Dn, #oct-appreciateModal .textbox--charCounterSelector--23ASD, #oct-appreciateModal .textbox--errorMessage--j7gWU, #oct-appreciateModal .textbox--hiddenText--n8R4F { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .textbox--heading--lMRyl { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .textbox--heading--lMRyl h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .textbox--subheading--S7NBd { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .textbox--subheading--S7NBd > p { margin-top: 0; } #oct-appreciateModal .textbox--callToActionDiv--lF-Ky { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .textbox--nextButtonWrapper--R6A5f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .textbox--hidden--PWErf { display: none; } #oct-appreciateModal .textbox--button--SOsS3 { float: none; } #oct-appreciateModal .textbox--errorMsg--9OclC { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .textbox--editButton---aVfW, #oct-appreciateModal .textbox--linkButton--LY8Pn { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .textbox--editButton---aVfW { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .textbox--linkButton--LY8Pn { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .textbox--errorButton---N5zy { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .textbox--errorButton---N5zy:hover, #oct-appreciateModal .textbox--errorButton---N5zy:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .textbox--sr-only--ZHtLe { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .textbox--loadingShimmer--Y5ZrJ { overflow: hidden; position: relative; } #oct-appreciateModal .textbox--loadingShimmer--Y5ZrJ::after { -webkit-animation: textbox--loadingShimmer--Y5ZrJ 1.25s linear infinite forwards; animation: textbox--loadingShimmer--Y5ZrJ 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes textbox--loadingShimmer--Y5ZrJ { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes textbox--loadingShimmer--Y5ZrJ { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes textbox--placeHolderShimmer--3gf05 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes textbox--placeHolderShimmer--3gf05 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .textbox--textboxContainer--q4ptT { position: relative; margin: 0 0 12px; padding:16px 0px; } #oct-appreciateModal .textbox--textboxContainer--q4ptT.textbox--loading--OAY2Y { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: textbox--placeHolderShimmer--3gf05; animation-name: textbox--placeHolderShimmer--3gf05; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee)); background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 620px 120px; position: relative; } #oct-appreciateModal .textbox--textBox--AH8bb { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position: relative; } #oct-appreciateModal .textbox--isError--6mESJ { color: '#D10A12'; } #oct-appreciateModal .textbox--notError--IqI81 { color: black; } #oct-appreciateModal .textbox--optional--6hGpB:not(.textbox--hidden--PWErf) { margin: 0 4px; display: inline-block; color: #868c8f; color: var(--tanner-gray); } #oct-appreciateModal .textbox--toggleButton--6opJX { margin-bottom: 12px; border: none; color: #0060E0; color: var(--link-text); padding: 1px 0 2px; cursor: pointer; font-family: inherit; font-size: 14px; background-color: transparent; } #oct-appreciateModal .textbox--hidden--PWErf { display: none; background-color: transparent; } #oct-appreciateModal textarea { font-family: "Noto Sans"; } #oct-appreciateModal .textbox--helperTextContainer--IrYCQ { display: -webkit-box; display: -ms-flexbox; display: flex; } #oct-appreciateModal .textbox--helperText--nPYR- { padding-left:16px; font-family: 'Noto Sans'; font-weight: 400; font-size: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #oct-appreciateModal .textbox--error--se1Dn{ color: #D10A12; font-weight: 400; } #oct-appreciateModal .textbox--charCounterSelector--23ASD { margin-left: auto; padding-right:16px; } #oct-appreciateModal .textbox--errorMessage--j7gWU{ margin-left: 20px; position: absolute; right: 0; bottom: 5px; background: none; border: none; padding-right: 15px; padding-top:15px; padding-bottom:5px; } #oct-appreciateModal .textbox--hiddenText--n8R4F{ display: none; } #oct-appreciateModal .checkbox--heading--CHU2e, #oct-appreciateModal .checkbox--subheading--8brZw, #oct-appreciateModal .checkbox--callToActionDiv--Af4jX, #oct-appreciateModal .checkbox--nextButtonWrapper--N9c40, #oct-appreciateModal .checkbox--hidden--8RgO1, #oct-appreciateModal .checkbox--errorMsg--7Fblx, #oct-appreciateModal .checkbox--editButton--VWfxV, #oct-appreciateModal .checkbox--linkButton--f3Aw4, #oct-appreciateModal .checkbox--errorButton--FZxPX, #oct-appreciateModal .checkbox--sr-only--aFQjN, #oct-appreciateModal .checkbox--loadingShimmer--3Edda, #oct-appreciateModal .checkbox--checkboxContainer--U6sID { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .checkbox--heading--CHU2e { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .checkbox--heading--CHU2e h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .checkbox--subheading--8brZw { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .checkbox--subheading--8brZw > p { margin-top: 0; } #oct-appreciateModal .checkbox--callToActionDiv--Af4jX { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .checkbox--nextButtonWrapper--N9c40 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .checkbox--hidden--8RgO1 { display: none; } #oct-appreciateModal .checkbox--button--y4dn2 { float: none; } #oct-appreciateModal .checkbox--errorMsg--7Fblx { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .checkbox--editButton--VWfxV, #oct-appreciateModal .checkbox--linkButton--f3Aw4 { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .checkbox--editButton--VWfxV { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .checkbox--linkButton--f3Aw4 { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .checkbox--errorButton--FZxPX { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .checkbox--errorButton--FZxPX:hover, #oct-appreciateModal .checkbox--errorButton--FZxPX:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .checkbox--sr-only--aFQjN { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .checkbox--loadingShimmer--3Edda { overflow: hidden; position: relative; } #oct-appreciateModal .checkbox--loadingShimmer--3Edda::after { -webkit-animation: checkbox--loadingShimmer--3Edda 1.25s linear infinite forwards; animation: checkbox--loadingShimmer--3Edda 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes checkbox--loadingShimmer--3Edda { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes checkbox--loadingShimmer--3Edda { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes checkbox--placeHolderShimmer--N0Cgy { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes checkbox--placeHolderShimmer--N0Cgy { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal { .checkbox--bgOverride--CNJYy { background-color: #707070; background-color: var(--gray-600); } } #oct-appreciateModal .checkbox--checkboxContainer--U6sID { border: none; display: inline-block; margin: 0 0 16px; padding: 0; width: 100%; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID .checkbox--wrapper--gQRql { width: 100%; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID:not(.checkbox--toggle--71D48) .checkbox--label--ZIwoU { display: inline-block; margin-left: 8px; width: calc(100% - 35px); line-height: 25px; position: relative; top: -8px; cursor: pointer; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID:not(.checkbox--toggle--71D48) .checkbox--label--ZIwoU p { margin: 0; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID:not(.checkbox--toggle--71D48) input { clip: auto; clip: initial; display: inline-block; height: auto; margin: 0; vertical-align: top; width: auto; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID:not(.checkbox--toggle--71D48) .checkbox--toggleBackground--WbwIR { background-color: #707070; background-color: var(--gray-600); outline: none; width: 20px; } #oct-appreciateModal .checkbox--checkboxContainer--U6sID:not(.checkbox--toggle--71D48) .checkbox--switch--Hhhe3 { display: none; } #oct-appreciateModal .checkbox--hidden--8RgO1 { display: none; } #oct-appreciateModal .recipient_header--heading--ikgCL, #oct-appreciateModal .recipient_header--subheading--FgyG3, #oct-appreciateModal .recipient_header--callToActionDiv--BJ2Ip, #oct-appreciateModal .recipient_header--nextButtonWrapper--Km0OI, #oct-appreciateModal .recipient_header--hidden--SKcHg, #oct-appreciateModal .recipient_header--errorMsg--OdkKA, #oct-appreciateModal .recipient_header--editButton--RlcFT, #oct-appreciateModal .recipient_header--linkButton--ntWBc, #oct-appreciateModal .recipient_header--errorButton--rp8Z2, #oct-appreciateModal .recipient_header--sr-only--iNbNC, #oct-appreciateModal .recipient_header--loadingShimmer--9XsyC, #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .recipient_header--heading--ikgCL { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .recipient_header--heading--ikgCL h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .recipient_header--subheading--FgyG3 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .recipient_header--subheading--FgyG3 > p { margin-top: 0; } #oct-appreciateModal .recipient_header--callToActionDiv--BJ2Ip { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .recipient_header--nextButtonWrapper--Km0OI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .recipient_header--hidden--SKcHg { display: none; } #oct-appreciateModal .recipient_header--button--HfPmP { float: none; } #oct-appreciateModal .recipient_header--errorMsg--OdkKA { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .recipient_header--editButton--RlcFT, #oct-appreciateModal .recipient_header--linkButton--ntWBc { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .recipient_header--editButton--RlcFT { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .recipient_header--linkButton--ntWBc { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .recipient_header--errorButton--rp8Z2 { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .recipient_header--errorButton--rp8Z2:hover, #oct-appreciateModal .recipient_header--errorButton--rp8Z2:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .recipient_header--sr-only--iNbNC { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .recipient_header--loadingShimmer--9XsyC { overflow: hidden; position: relative; } #oct-appreciateModal .recipient_header--loadingShimmer--9XsyC::after { -webkit-animation: recipient_header--loadingShimmer--9XsyC 1.25s linear infinite forwards; animation: recipient_header--loadingShimmer--9XsyC 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes recipient_header--loadingShimmer--9XsyC { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes recipient_header--loadingShimmer--9XsyC { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes recipient_header--placeHolderShimmer--HL6rF { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes recipient_header--placeHolderShimmer--HL6rF { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS { font-size: 14px; margin-bottom: 12px; } #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS .recipient_header--recipientDiv--HlNh7 { display: inline; font-family: inherit; line-height: 36px; margin: 0; padding: 4px; } #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS .recipient_header--recipientDiv--HlNh7 .recipient_header--recipientText--LyPwv { font-weight: 600; } #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS .recipient_header--recipientDiv--HlNh7 .recipient_header--names--mSXU4 { padding-right: 8px; } #oct-appreciateModal .recipient_header--recipientHeader--ZDRrS button { border: none; cursor: pointer; background-color: transparent; padding-bottom: 4px; } #oct-appreciateModal .approver-presenter-section--heading--2nKuB, #oct-appreciateModal .approver-presenter-section--subheading----joE, #oct-appreciateModal .approver-presenter-section--callToActionDiv--J-e03, #oct-appreciateModal .approver-presenter-section--nextButtonWrapper--Og7UK, #oct-appreciateModal .approver-presenter-section--hidden--XPFOq, #oct-appreciateModal .approver-presenter-section--errorMsg--OOjhr, #oct-appreciateModal .approver-presenter-section--editButton--k3Lt8, #oct-appreciateModal .approver-presenter-section--linkButton--uoKNi, #oct-appreciateModal .approver-presenter-section--errorButton--AQGDf, #oct-appreciateModal .approver-presenter-section--sr-only--kO8E4, #oct-appreciateModal .approver-presenter-section--loadingShimmer--lH0Z8, #oct-appreciateModal .approver-presenter-section--approverPresenterSectionList--oeUmn, #oct-appreciateModal .approver-presenter-section--recipientName--aq3qA, #oct-appreciateModal .approver-presenter-section--loadingCol1--6n6up, #oct-appreciateModal .approver-presenter-section--loadingFor--QsjY1, #oct-appreciateModal .approver-presenter-section--loadingCircularImage--s\+I7r, #oct-appreciateModal .approver-presenter-section--loadingHeading--ZuILn, #oct-appreciateModal .approver-presenter-section--loadingFullName--Yr0km { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .approver-presenter-section--heading--2nKuB { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .approver-presenter-section--heading--2nKuB h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .approver-presenter-section--subheading----joE { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .approver-presenter-section--subheading----joE > p { margin-top: 0; } #oct-appreciateModal .approver-presenter-section--callToActionDiv--J-e03 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .approver-presenter-section--nextButtonWrapper--Og7UK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .approver-presenter-section--hidden--XPFOq { display: none; } #oct-appreciateModal .approver-presenter-section--button--YATl4 { float: none; } #oct-appreciateModal .approver-presenter-section--errorMsg--OOjhr { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .approver-presenter-section--editButton--k3Lt8, #oct-appreciateModal .approver-presenter-section--linkButton--uoKNi { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .approver-presenter-section--editButton--k3Lt8 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .approver-presenter-section--linkButton--uoKNi { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .approver-presenter-section--errorButton--AQGDf { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .approver-presenter-section--errorButton--AQGDf:hover, #oct-appreciateModal .approver-presenter-section--errorButton--AQGDf:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .approver-presenter-section--sr-only--kO8E4 { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .approver-presenter-section--loadingShimmer--lH0Z8 { overflow: hidden; position: relative; } #oct-appreciateModal .approver-presenter-section--loadingShimmer--lH0Z8::after { -webkit-animation: approver-presenter-section--loadingShimmer--lH0Z8 1.25s linear infinite forwards; animation: approver-presenter-section--loadingShimmer--lH0Z8 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes approver-presenter-section--loadingShimmer--lH0Z8 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes approver-presenter-section--loadingShimmer--lH0Z8 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes approver-presenter-section--placeHolderShimmer--Zszdr { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes approver-presenter-section--placeHolderShimmer--Zszdr { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .approver-presenter-section--approverPresenterSectionList--oeUmn { padding: 0; margin: 0 0 16px; list-style: none; } #oct-appreciateModal .approver-presenter-section--approverPresenterSectionList--oeUmn .approver-presenter-section--item--9Dk0a::after { content: ''; display: table; overflow: hidden; clear: both; } #oct-appreciateModal .approver-presenter-section--subheading----joE { margin: 0 0 8px; } #oct-appreciateModal .approver-presenter-section--recipientName--aq3qA { margin: 0 0 8px; color: #525252; color: var(--gray-700); font-weight: 400; } #oct-appreciateModal .approver-presenter-section--loadingCol1--6n6up { width: 50%; float: left; margin-bottom: 16px; } #oct-appreciateModal .approver-presenter-section--errorMsg--OOjhr { clear: both; text-align: left; margin: 0; } #oct-appreciateModal .approver-presenter-section--loadingFor--QsjY1, #oct-appreciateModal .approver-presenter-section--loadingCircularImage--s\+I7r, #oct-appreciateModal .approver-presenter-section--loadingHeading--ZuILn, #oct-appreciateModal .approver-presenter-section--loadingFullName--Yr0km { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: approver-presenter-section--placeHolderShimmer--Zszdr; animation-name: approver-presenter-section--placeHolderShimmer--Zszdr; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee)); background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 620px 100px; position: relative; } #oct-appreciateModal .approver-presenter-section--loadingFor--QsjY1 { width: 150px; height: 22px; margin: 12px 0; } #oct-appreciateModal .approver-presenter-section--loadingCircularImage--s\+I7r { width: 42px; height: 42px; float: left; display: block; border-radius: 50%; margin-top: 4px; } #oct-appreciateModal .approver-presenter-section--loadingHeading--ZuILn { width: calc(50% - 60px); } #oct-appreciateModal .approver-presenter-section--loadingHeading--ZuILn, #oct-appreciateModal .approver-presenter-section--loadingFullName--Yr0km { height: 12px; display: block; margin-left: 50px; margin-top: 8px; } #oct-appreciateModal .approver-presenter-section--loadingFullName--Yr0km { margin-top: 8px; width: calc(75% - 60px); } #oct-appreciateModal .approver-presenter-section--hidden--XPFOq { display: none; } #oct-appreciateModal .select-approver-presenter--heading--8Thqy, #oct-appreciateModal .select-approver-presenter--subheading--3j\+Wm, #oct-appreciateModal .select-approver-presenter--callToActionDiv--pHggz, #oct-appreciateModal .select-approver-presenter--nextButtonWrapper--HuB7A, #oct-appreciateModal .select-approver-presenter--hidden---Z7K3, #oct-appreciateModal .select-approver-presenter--errorMsg--R3bTq, #oct-appreciateModal .select-approver-presenter--editButton--NgLwZ, #oct-appreciateModal .select-approver-presenter--linkButton--Q4Hql, #oct-appreciateModal .select-approver-presenter--errorButton--EoIjo, #oct-appreciateModal .select-approver-presenter--sr-only--OBu3i, #oct-appreciateModal .select-approver-presenter--loadingShimmer--KxhTO, #oct-appreciateModal .select-approver-presenter--selectApproverPresenter--\+nvOw, #oct-appreciateModal .select-approver-presenter--sectionHeading--F5i0W, #oct-appreciateModal .select-approver-presenter--fullName--pqcD2, #oct-appreciateModal .select-approver-presenter--searchWrapper--rnY4B, #oct-appreciateModal .select-approver-presenter--listContainer--emBgE, #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp, #oct-appreciateModal .select-approver-presenter--selectBox--qguMM, #oct-appreciateModal .select-approver-presenter--approver--vj1BJ, #oct-appreciateModal .select-approver-presenter--presenter--1JN49 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .select-approver-presenter--heading--8Thqy { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .select-approver-presenter--heading--8Thqy h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .select-approver-presenter--subheading--3j\+Wm { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .select-approver-presenter--subheading--3j\+Wm > p { margin-top: 0; } #oct-appreciateModal .select-approver-presenter--callToActionDiv--pHggz { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .select-approver-presenter--nextButtonWrapper--HuB7A { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .select-approver-presenter--hidden---Z7K3 { display: none; } #oct-appreciateModal .select-approver-presenter--button--DG40N { float: none; } #oct-appreciateModal .select-approver-presenter--errorMsg--R3bTq { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .select-approver-presenter--editButton--NgLwZ, #oct-appreciateModal .select-approver-presenter--linkButton--Q4Hql { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .select-approver-presenter--editButton--NgLwZ { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .select-approver-presenter--linkButton--Q4Hql { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .select-approver-presenter--errorButton--EoIjo { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .select-approver-presenter--errorButton--EoIjo:hover, #oct-appreciateModal .select-approver-presenter--errorButton--EoIjo:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .select-approver-presenter--sr-only--OBu3i { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .select-approver-presenter--loadingShimmer--KxhTO { overflow: hidden; position: relative; } #oct-appreciateModal .select-approver-presenter--loadingShimmer--KxhTO::after { -webkit-animation: select-approver-presenter--loadingShimmer--KxhTO 1.25s linear infinite forwards; animation: select-approver-presenter--loadingShimmer--KxhTO 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes select-approver-presenter--loadingShimmer--KxhTO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes select-approver-presenter--loadingShimmer--KxhTO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes select-approver-presenter--placeHolderShimmer--axFA- { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes select-approver-presenter--placeHolderShimmer--axFA- { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .select-approver-presenter--selectApproverPresenter--\+nvOw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #oct-appreciateModal .select-approver-presenter--sectionHeading--F5i0W { color: #212121; color: var(--gray-900); margin: 0 0 4px 8px; font-size: 14px; font-weight: 500; } #oct-appreciateModal .select-approver-presenter--fullName--pqcD2 { margin: 0 0 0 8px; color: #525252; color: var(--gray-700); font-weight: 400; } #oct-appreciateModal .select-approver-presenter--linkButton--Q4Hql { padding: 0 8px; } #oct-appreciateModal .select-approver-presenter--linkButton--Q4Hql.select-approver-presenter--error--5eOL3 { color: #d0021b; color: var(--danger-red); } #oct-appreciateModal .select-approver-presenter--searchWrapper--rnY4B { background-color: #fff; border: 1px solid #e1e1e1; border: 1px solid var(--gray-200); border-radius: 3px; padding: 4px 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #oct-appreciateModal .select-approver-presenter--searchWrapper--rnY4B > svg { fill: #ababab; fill: var(--gray-400); margin: 8px 4px 8px 0; } #oct-appreciateModal .select-approver-presenter--listContainer--emBgE, #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp { position: absolute; width: 400px; left: 0; z-index: 1; top: 100%; } #oct-appreciateModal .select-approver-presenter--listContainer--emBgE > p, #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp > p { padding: 12px; } #oct-appreciateModal .select-approver-presenter--listContainer--emBgE li, #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp li { padding: 4px 6px; } #oct-appreciateModal .select-approver-presenter--listContainer--emBgE > ul, #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp > ul { max-height: 141px; margin-top: -181px; } #oct-appreciateModal .select-approver-presenter--listContainer--emBgE { left: 0; } #oct-appreciateModal .select-approver-presenter--presenterListContainer--38nJp { left: -141px; } #oct-appreciateModal .select-approver-presenter--selectBox--qguMM { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 0 0 8px; } #oct-appreciateModal .select-approver-presenter--approver--vj1BJ { margin: 0 8px; } #oct-appreciateModal .select-approver-presenter--presenter--1JN49 { margin: 0 0 0 8px; } #oct-appreciateModal .select-approver-presenter--hidden---Z7K3 { display: none; } #oct-appreciateModal .ecard_details_view--heading--8TZCK, #oct-appreciateModal .ecard_details_view--subheading--b5Vs2, #oct-appreciateModal .ecard_details_view--callToActionDiv--m3PqI, #oct-appreciateModal .ecard_details_view--nextButtonWrapper--\+cZgC, #oct-appreciateModal .ecard_details_view--hidden--ioQXG, #oct-appreciateModal .ecard_details_view--errorMsg--H3EUe, #oct-appreciateModal .ecard_details_view--editButton--ENed-, #oct-appreciateModal .ecard_details_view--linkButton--\+O6xC, #oct-appreciateModal .ecard_details_view--errorButton--l3meS, #oct-appreciateModal .ecard_details_view--sr-only--9xhYC, #oct-appreciateModal .ecard_details_view--loadingShimmer--1lXhi, #oct-appreciateModal .ecard_details_view--searchPlaceholder--aDfGM, #oct-appreciateModal .ecard_details_view--capErrorMsg--8Tjzt, #oct-appreciateModal .ecard_details_view--nextButton--8ehc8 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .ecard_details_view--heading--8TZCK { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .ecard_details_view--heading--8TZCK h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .ecard_details_view--subheading--b5Vs2 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .ecard_details_view--subheading--b5Vs2 > p { margin-top: 0; } #oct-appreciateModal .ecard_details_view--callToActionDiv--m3PqI { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .ecard_details_view--nextButtonWrapper--\+cZgC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_details_view--hidden--ioQXG { display: none; } #oct-appreciateModal .ecard_details_view--button--DjTe4 { float: none; } #oct-appreciateModal .ecard_details_view--errorMsg--H3EUe { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .ecard_details_view--editButton--ENed-, #oct-appreciateModal .ecard_details_view--linkButton--\+O6xC { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .ecard_details_view--editButton--ENed- { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .ecard_details_view--linkButton--\+O6xC { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .ecard_details_view--errorButton--l3meS { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .ecard_details_view--errorButton--l3meS:hover, #oct-appreciateModal .ecard_details_view--errorButton--l3meS:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .ecard_details_view--sr-only--9xhYC { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .ecard_details_view--loadingShimmer--1lXhi { overflow: hidden; position: relative; } #oct-appreciateModal .ecard_details_view--loadingShimmer--1lXhi::after { -webkit-animation: ecard_details_view--loadingShimmer--1lXhi 1.25s linear infinite forwards; animation: ecard_details_view--loadingShimmer--1lXhi 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes ecard_details_view--loadingShimmer--1lXhi { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes ecard_details_view--loadingShimmer--1lXhi { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes ecard_details_view--placeHolderShimmer--AMPIc { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes ecard_details_view--placeHolderShimmer--AMPIc { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .ecard_details_view--ecard_details_view--aK-41 > form > div:nth-child(2) { padding-left: 4px; } #oct-appreciateModal .ecard_details_view--ecard_details_view--aK-41 > form { margin-bottom: 80px; } #oct-appreciateModal #ecard_details_view--callToActionDiv--m3PqI { height: 72px; padding-top: 16px; } #oct-appreciateModal .ecard_details_view--ecard_details_view--aK-41 section, #oct-appreciateModal .ecard_details_view--ecard_details_view--aK-41 fieldset { margin: 0 0 16px; width: 100%; } #oct-appreciateModal .ecard_details_view--questionAnswer--jZbAi h1 { margin-bottom: 4px; } #oct-appreciateModal .ecard_details_view--searchPlaceholder--aDfGM { margin: 0 0 12px; background-color: #fff; border: 1px solid #c4c4c4; border: 1px solid var(--prism-input-gray); border-radius: 3px; padding: 12px 16px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); position: relative; } #oct-appreciateModal .ecard_details_view--searchPlaceholder--aDfGM.ecard_details_view--loading--mo4mX { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ecard_details_view--placeHolderShimmer--AMPIc; animation-name: ecard_details_view--placeHolderShimmer--AMPIc; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee)); background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 620px 100px; position: relative; } #oct-appreciateModal .ecard_details_view--capErrorMsg--8Tjzt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 4px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 400; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 32px; padding: 4px 4px 4px 16px; margin-top: 13px; margin-bottom: 24px; } #oct-appreciateModal .ecard_details_view--nextButton--8ehc8 { text-transform: none; } #oct-appreciateModal .ecard_details_view--nextButtonWrapper--\+cZgC { text-align: center; } #oct-appreciateModal .ecard_details_view--hidden--ioQXG { display: none; } #oct-appreciateModal .ecard_selection_view--heading--4dQUE, #oct-appreciateModal .ecard_selection_view--subheading--wzR6v, #oct-appreciateModal .ecard_selection_view--callToActionDiv--fIw9G, #oct-appreciateModal .ecard_selection_view--nextButtonWrapper--w5Cen, #oct-appreciateModal .ecard_selection_view--hidden--enF3M, #oct-appreciateModal .ecard_selection_view--errorMsg--VYjwe, #oct-appreciateModal .ecard_selection_view--editButton--j4Spa, #oct-appreciateModal .ecard_selection_view--linkButton--Ca-66, #oct-appreciateModal .ecard_selection_view--errorButton--BdijL, #oct-appreciateModal .ecard_selection_view--sr-only--h2MtC, #oct-appreciateModal .ecard_selection_view--loadingShimmer--mbn\+f, #oct-appreciateModal .ecard_selection_view--detailsSummary--TXAOz { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .ecard_selection_view--heading--4dQUE { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .ecard_selection_view--heading--4dQUE h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .ecard_selection_view--subheading--wzR6v { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .ecard_selection_view--subheading--wzR6v > p { margin-top: 0; } #oct-appreciateModal .ecard_selection_view--callToActionDiv--fIw9G { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .ecard_selection_view--nextButtonWrapper--w5Cen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_selection_view--hidden--enF3M { display: none; } #oct-appreciateModal .ecard_selection_view--button--kgLC0 { float: none; } #oct-appreciateModal .ecard_selection_view--errorMsg--VYjwe { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .ecard_selection_view--editButton--j4Spa, #oct-appreciateModal .ecard_selection_view--linkButton--Ca-66 { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .ecard_selection_view--editButton--j4Spa { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .ecard_selection_view--linkButton--Ca-66 { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .ecard_selection_view--errorButton--BdijL { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .ecard_selection_view--errorButton--BdijL:hover, #oct-appreciateModal .ecard_selection_view--errorButton--BdijL:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .ecard_selection_view--sr-only--h2MtC { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .ecard_selection_view--loadingShimmer--mbn\+f { overflow: hidden; position: relative; } #oct-appreciateModal .ecard_selection_view--loadingShimmer--mbn\+f::after { -webkit-animation: ecard_selection_view--loadingShimmer--mbn\+f 1.25s linear infinite forwards; animation: ecard_selection_view--loadingShimmer--mbn\+f 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes ecard_selection_view--loadingShimmer--mbn\+f { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes ecard_selection_view--loadingShimmer--mbn\+f { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes ecard_selection_view--placeHolderShimmer--vY6D2 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes ecard_selection_view--placeHolderShimmer--vY6D2 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .ecard_selection_view--detailsSummary--TXAOz { display: block; } #oct-appreciateModal .ecard_selection_view--subheading--wzR6v { padding: 0 0 0 4px; } #oct-appreciateModal #ecard_selection_view--callToActionDiv--fIw9G { height: 32px; } #oct-appreciateModal .ecard_list_container--heading--y-kcr, #oct-appreciateModal .ecard_list_container--subheading--glZEr, #oct-appreciateModal .ecard_list_container--callToActionDiv--HKLfd, #oct-appreciateModal .ecard_list_container--nextButtonWrapper--XkY1u, #oct-appreciateModal .ecard_list_container--hidden--KQmkS, #oct-appreciateModal .ecard_list_container--errorMsg--ZMQxy, #oct-appreciateModal .ecard_list_container--editButton--22nhP, #oct-appreciateModal .ecard_list_container--linkButton--qs12U, #oct-appreciateModal .ecard_list_container--errorButton--XRrdM, #oct-appreciateModal .ecard_list_container--sr-only--A8Vd0, #oct-appreciateModal .ecard_list_container--loadingShimmer--loOMI, #oct-appreciateModal .ecard_list_container--eCardListContainer--dl2O4, #oct-appreciateModal .ecard_list_container--eCardList--0ZRk3, #oct-appreciateModal .ecard_list_container--eCardTitle--NfsZE, #oct-appreciateModal .ecard_list_container--preview--Wq7Kf, #oct-appreciateModal .ecard_list_container--filterSelectBox--1r96P { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .ecard_list_container--heading--y-kcr { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .ecard_list_container--heading--y-kcr h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .ecard_list_container--subheading--glZEr { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .ecard_list_container--subheading--glZEr > p { margin-top: 0; } #oct-appreciateModal .ecard_list_container--callToActionDiv--HKLfd { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .ecard_list_container--nextButtonWrapper--XkY1u { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_list_container--hidden--KQmkS { display: none; } #oct-appreciateModal .ecard_list_container--button--kEjhJ { float: none; } #oct-appreciateModal .ecard_list_container--errorMsg--ZMQxy { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .ecard_list_container--editButton--22nhP, #oct-appreciateModal .ecard_list_container--linkButton--qs12U { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .ecard_list_container--editButton--22nhP { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .ecard_list_container--linkButton--qs12U { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .ecard_list_container--errorButton--XRrdM { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .ecard_list_container--errorButton--XRrdM:hover, #oct-appreciateModal .ecard_list_container--errorButton--XRrdM:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .ecard_list_container--sr-only--A8Vd0 { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .ecard_list_container--loadingShimmer--loOMI { overflow: hidden; position: relative; } #oct-appreciateModal .ecard_list_container--loadingShimmer--loOMI::after { -webkit-animation: ecard_list_container--loadingShimmer--loOMI 1.25s linear infinite forwards; animation: ecard_list_container--loadingShimmer--loOMI 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes ecard_list_container--loadingShimmer--loOMI { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes ecard_list_container--loadingShimmer--loOMI { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes ecard_list_container--placeHolderShimmer--bYkUk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes ecard_list_container--placeHolderShimmer--bYkUk { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .ecard_list_container--eCardListContainer--dl2O4 { position: relative; } #oct-appreciateModal .ecard_list_container--eCardList--0ZRk3 { margin: 8px -4px 0; padding: 4px; position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_list_container--eCardTitle--NfsZE { left: 4px; top: 4px; padding: 4px; position: absolute; background-color: rgba(0, 0, 0, 0.2); color: #fff; } #oct-appreciateModal .ecard_list_container--eCardList--0ZRk3 li:not(.ecard_list_container--hidden--KQmkS) { display: inline-block; height: 109px; margin: 0 16px 14px 0; width: 194px; } #oct-appreciateModal .ecard_list_container--loadMore---8dPL:not(.ecard_list_container--hidden--KQmkS) { position: relative; margin: 8px auto; display: block; text-transform: capitalize; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf { height: 176px; margin: 0 0 8px; overflow: hidden; position: relative; -webkit-transition: height 0.5s ease; transition: height 0.5s ease; width: 100%; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf.ecard_list_container--collapsed--rS04h { height: 0; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf video, #oct-appreciateModal .ecard_list_container--preview--Wq7Kf img { width: 605px; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf .ecard_list_container--defaultPreview--O9JuV { background-color: #f8f8f8; background-color: var(--gray-50); height: 100%; width: 100%; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf .ecard_list_container--close--0EX5b { background-color: #fff; border: none; font-size: inherit; height: 24px; padding: 4px; position: absolute; right: 4px; top: 4px; width: 24px; z-index: 1; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf .ecard_list_container--select--0srWy { border: none; color: #fff; font-size: inherit; height: 42px; width: 100%; position: absolute; left: 0; bottom: 0; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf .ecard_list_container--previewContent--WLksu { /* this is just here so it gets hashed with the rest of the class names */ } #oct-appreciateModal .ecard_list_container--filterSelectBox--1r96P { z-index: 1; } #oct-appreciateModal .ecard_list_container--withTabs--31dNW .ecard_list_container--filterSelectBox--1r96P { display: block; } /* 1 card per row */ @media (max-width: 456px) { #oct-appreciateModal .ecard_list_container--preview--Wq7Kf { height: 218px; } } /* 2 cards per row */ @media (min-width: 457px) and (max-width: 620px) { #oct-appreciateModal .ecard_list_container--eCardList--0ZRk3 li:nth-of-type(2n) { margin-right: 0; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf { height: 402px; } } /* 3 cards per row */ @media (min-width: 733px) { #oct-appreciateModal .ecard_list_container--eCardList--0ZRk3 li:nth-of-type(3n) { margin-right: 0; } #oct-appreciateModal .ecard_list_container--preview--Wq7Kf { height: 400px; } } #oct-appreciateModal .ecard_tile--heading--s\+qqT, #oct-appreciateModal .ecard_tile--subheading--bn-4x, #oct-appreciateModal .ecard_tile--callToActionDiv--M19FL, #oct-appreciateModal .ecard_tile--nextButtonWrapper--5qPBY, #oct-appreciateModal .ecard_tile--hidden--ZMDLS, #oct-appreciateModal .ecard_tile--errorMsg--RWGCA, #oct-appreciateModal .ecard_tile--editButton--ihzoQ, #oct-appreciateModal .ecard_tile--linkButton--bpt6X, #oct-appreciateModal .ecard_tile--errorButton--M486J, #oct-appreciateModal .ecard_tile--sr-only--Dzzec, #oct-appreciateModal .ecard_tile--loadingShimmer--ZRvo6, #oct-appreciateModal .ecard_tile--eCardTile--nckvM, #oct-appreciateModal .ecard_tile--eCardImg--K7jaF, #oct-appreciateModal .ecard_tile--eCardImgWrapper--OT4SW, #oct-appreciateModal .ecard_tile--favBtn--64Mkd, #oct-appreciateModal .ecard_tile--overlay--ONW61, #oct-appreciateModal .ecard_tile--selectBtn--xYyGQ { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .ecard_tile--heading--s\+qqT { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .ecard_tile--heading--s\+qqT h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .ecard_tile--subheading--bn-4x { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .ecard_tile--subheading--bn-4x > p { margin-top: 0; } #oct-appreciateModal .ecard_tile--callToActionDiv--M19FL { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .ecard_tile--nextButtonWrapper--5qPBY { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_tile--hidden--ZMDLS { display: none; } #oct-appreciateModal .ecard_tile--button--QZlhm { float: none; } #oct-appreciateModal .ecard_tile--errorMsg--RWGCA { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .ecard_tile--editButton--ihzoQ, #oct-appreciateModal .ecard_tile--linkButton--bpt6X { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .ecard_tile--editButton--ihzoQ { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .ecard_tile--linkButton--bpt6X { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .ecard_tile--errorButton--M486J { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .ecard_tile--errorButton--M486J:hover, #oct-appreciateModal .ecard_tile--errorButton--M486J:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .ecard_tile--sr-only--Dzzec { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .ecard_tile--loadingShimmer--ZRvo6 { overflow: hidden; position: relative; } #oct-appreciateModal .ecard_tile--loadingShimmer--ZRvo6::after { -webkit-animation: ecard_tile--loadingShimmer--ZRvo6 1.25s linear infinite forwards; animation: ecard_tile--loadingShimmer--ZRvo6 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes ecard_tile--loadingShimmer--ZRvo6 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes ecard_tile--loadingShimmer--ZRvo6 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes ecard_tile--placeHolderShimmer--GwpVe { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes ecard_tile--placeHolderShimmer--GwpVe { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .ecard_tile--eCardTile--nckvM { position: relative; } #oct-appreciateModal .ecard_tile--eCardTile--nckvM .ecard_tile--previewBtn--s75k6 { cursor: pointer; display: block; background-color: transparent; border: none; border-radius: 3px; font-size: 14px; line-height: 130%; margin: 2px auto; padding: 12px 16px; } #oct-appreciateModal .ecard_tile--eCardTile--nckvM:hover .ecard_tile--overlay--ONW61, #oct-appreciateModal .ecard_tile--eCardTile--nckvM .ecard_tile--overlay--ONW61.ecard_tile--show--Mng8j { opacity: 1; } /* This solution works in Chrome and FF, but not IE. */ #oct-appreciateModal .ecard_tile--eCardTile--nckvM[focus-within] .ecard_tile--overlay--ONW61 { opacity: 1; } #oct-appreciateModal .ecard_tile--eCardTile--nckvM:focus-within .ecard_tile--overlay--ONW61 { opacity: 1; } #oct-appreciateModal .ecard_tile--eCardImg--K7jaF { vertical-align: top; width: 194px; z-index: 0; } #oct-appreciateModal .ecard_tile--eCardImgWrapper--OT4SW { height: 109px; overflow: hidden; width: 194px; } #oct-appreciateModal .ecard_tile--favBtn--64Mkd { display: none; border: none; background-color: transparent; width: 16px; height: 16px; padding: 0; position: absolute; right: 4px; top: 4px; z-index: 2; } #oct-appreciateModal .ecard_tile--favBtn--64Mkd:not(.oct-client-fill) { fill: white; } #oct-appreciateModal .ecard_tile--favBtn--64Mkd > svg { stroke: #d4d4d4; stroke: var(--gray-300); fill: inherit; pointer-events: none; } #oct-appreciateModal .ecard_tile--overlay--ONW61 { opacity: 0; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; } #oct-appreciateModal .ecard_tile--selectBtn--xYyGQ { cursor: pointer; display: block; background-color: #0060E0; border-radius: 3px; margin: 20px auto 0px; padding: 12px 16px; font-size: 16px; font-weight: 800; } #oct-appreciateModal .details_summary--heading--6lY0\+, #oct-appreciateModal .details_summary--subheading--MMxa6, #oct-appreciateModal .details_summary--callToActionDiv--gohxx, #oct-appreciateModal .details_summary--nextButtonWrapper--gg5fn, #oct-appreciateModal .details_summary--hidden--r3v8-, #oct-appreciateModal .details_summary--errorMsg--\+Xuft, #oct-appreciateModal .details_summary--editButton--oejFL, #oct-appreciateModal .details_summary--linkButton--B8dUw, #oct-appreciateModal .details_summary--errorButton--abDmB, #oct-appreciateModal .details_summary--sr-only--pyzEE, #oct-appreciateModal .details_summary--loadingShimmer--DaO2j, #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .details_summary--heading--6lY0\+ { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .details_summary--heading--6lY0\+ h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .details_summary--subheading--MMxa6 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .details_summary--subheading--MMxa6 > p { margin-top: 0; } #oct-appreciateModal .details_summary--callToActionDiv--gohxx { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .details_summary--nextButtonWrapper--gg5fn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .details_summary--hidden--r3v8- { display: none; } #oct-appreciateModal .details_summary--button--VnNM2 { float: none; } #oct-appreciateModal .details_summary--errorMsg--\+Xuft { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .details_summary--editButton--oejFL, #oct-appreciateModal .details_summary--linkButton--B8dUw { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .details_summary--editButton--oejFL { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .details_summary--linkButton--B8dUw { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .details_summary--errorButton--abDmB { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .details_summary--errorButton--abDmB:hover, #oct-appreciateModal .details_summary--errorButton--abDmB:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .details_summary--sr-only--pyzEE { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .details_summary--loadingShimmer--DaO2j { overflow: hidden; position: relative; } #oct-appreciateModal .details_summary--loadingShimmer--DaO2j::after { -webkit-animation: details_summary--loadingShimmer--DaO2j 1.25s linear infinite forwards; animation: details_summary--loadingShimmer--DaO2j 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes details_summary--loadingShimmer--DaO2j { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes details_summary--loadingShimmer--DaO2j { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes details_summary--placeHolderShimmer--2QRR\+ { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes details_summary--placeHolderShimmer--2QRR\+ { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u { color: #212121; color: var(--gray-900); display: inline-block; font-size: 14px; font-weight: 400; margin: 0 0 16px; } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u ul { display: inline-block; list-style-type: none; margin: 0; padding: 4px; } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u li { display: inline-block; margin: 0; padding: 0 8px 0 0; } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u li:not(:last-child) { border-right: solid 1px #212121; border-right: solid 1px var(--gray-900); } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u li:not(:first-child) { padding-left: 8px; } #oct-appreciateModal .details_summary--detailsSummaryList--u2S6u button { background-color: transparent; border: none; } #oct-appreciateModal .tab_selector--heading--FYICY, #oct-appreciateModal .tab_selector--subheading--Kpgao, #oct-appreciateModal .tab_selector--callToActionDiv--VuDg-, #oct-appreciateModal .tab_selector--nextButtonWrapper--wvTXI, #oct-appreciateModal .tab_selector--hidden--E6aTn, #oct-appreciateModal .tab_selector--errorMsg--aUu6J, #oct-appreciateModal .tab_selector--editButton--Iooe5, #oct-appreciateModal .tab_selector--linkButton--hNDMS, #oct-appreciateModal .tab_selector--errorButton--laL1F, #oct-appreciateModal .tab_selector--sr-only--qoEV\+, #oct-appreciateModal .tab_selector--loadingShimmer--pfX3h, #oct-appreciateModal .tab_selector--tabSelector--YNb0\+, #oct-appreciateModal .tab_selector--tabSelectorList--f0KcP, #oct-appreciateModal .tab_selector--tab--LX6cq, #oct-appreciateModal .tab_selector--tabButton--Iropp { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .tab_selector--heading--FYICY { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .tab_selector--heading--FYICY h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .tab_selector--subheading--Kpgao { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .tab_selector--subheading--Kpgao > p { margin-top: 0; } #oct-appreciateModal .tab_selector--callToActionDiv--VuDg- { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .tab_selector--nextButtonWrapper--wvTXI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .tab_selector--hidden--E6aTn { display: none; } #oct-appreciateModal .tab_selector--button--HMBUx { float: none; } #oct-appreciateModal .tab_selector--errorMsg--aUu6J { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .tab_selector--editButton--Iooe5, #oct-appreciateModal .tab_selector--linkButton--hNDMS { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .tab_selector--editButton--Iooe5 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .tab_selector--linkButton--hNDMS { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .tab_selector--errorButton--laL1F { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .tab_selector--errorButton--laL1F:hover, #oct-appreciateModal .tab_selector--errorButton--laL1F:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .tab_selector--sr-only--qoEV\+ { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .tab_selector--loadingShimmer--pfX3h { overflow: hidden; position: relative; } #oct-appreciateModal .tab_selector--loadingShimmer--pfX3h::after { -webkit-animation: tab_selector--loadingShimmer--pfX3h 1.25s linear infinite forwards; animation: tab_selector--loadingShimmer--pfX3h 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes tab_selector--loadingShimmer--pfX3h { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes tab_selector--loadingShimmer--pfX3h { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes tab_selector--placeHolderShimmer--Vw9AP { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes tab_selector--placeHolderShimmer--Vw9AP { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .tab_selector--tabSelector--YNb0\+ { border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid var(--gray-200); margin-bottom: 8px; } #oct-appreciateModal .tab_selector--tabSelectorList--f0KcP { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; list-style: none; margin-bottom: -1px; padding: 0; } #oct-appreciateModal .tab_selector--tab--LX6cq { border-bottom: 2px solid rgba(255, 255, 255, 0); padding: 0; } #oct-appreciateModal .tab_selector--tabButton--Iropp { background-color: transparent; border-radius: 0; border: none; color: #212121; color: var(--gray-900); cursor: pointer; font-family: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; font-family: var(--main-font); font-size: 14px; padding: 1em 2em; } #oct-appreciateModal .image_upload--heading--u1hvE, #oct-appreciateModal .image_upload--subheading--vTN46, #oct-appreciateModal .image_upload--callToActionDiv--CELiw, #oct-appreciateModal .image_upload--nextButtonWrapper--6hck\+, #oct-appreciateModal .image_upload--hidden--Q-tMl, #oct-appreciateModal .image_upload--errorMsg--goqEU, #oct-appreciateModal .image_upload--editButton--JjmPR, #oct-appreciateModal .image_upload--linkButton--EoZda, #oct-appreciateModal .image_upload--errorButton--0nVXp, #oct-appreciateModal .image_upload--sr-only--bn3e3, #oct-appreciateModal .image_upload--loadingShimmer--pOf3n, #oct-appreciateModal .image_upload--form--3wBcG, #oct-appreciateModal .image_upload--imagePreviewWrapper--F1F1V, #oct-appreciateModal .image_upload--imageButtonWrapper--Q6LJv, #oct-appreciateModal .image_upload--cancel--WUHgZ, #oct-appreciateModal .image_upload--input--nKHi8, #oct-appreciateModal .image_upload--image--UcNbh, #oct-appreciateModal .image_upload--select--71RdC { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .image_upload--heading--u1hvE { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .image_upload--heading--u1hvE h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .image_upload--subheading--vTN46 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .image_upload--subheading--vTN46 > p { margin-top: 0; } #oct-appreciateModal .image_upload--callToActionDiv--CELiw { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .image_upload--nextButtonWrapper--6hck\+ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .image_upload--hidden--Q-tMl { display: none; } #oct-appreciateModal .image_upload--button--tpdIM { float: none; } #oct-appreciateModal .image_upload--errorMsg--goqEU { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .image_upload--editButton--JjmPR, #oct-appreciateModal .image_upload--linkButton--EoZda { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .image_upload--editButton--JjmPR { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .image_upload--linkButton--EoZda { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .image_upload--errorButton--0nVXp { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .image_upload--errorButton--0nVXp:hover, #oct-appreciateModal .image_upload--errorButton--0nVXp:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .image_upload--sr-only--bn3e3 { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .image_upload--loadingShimmer--pOf3n { overflow: hidden; position: relative; } #oct-appreciateModal .image_upload--loadingShimmer--pOf3n::after { -webkit-animation: image_upload--loadingShimmer--pOf3n 1.25s linear infinite forwards; animation: image_upload--loadingShimmer--pOf3n 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes image_upload--loadingShimmer--pOf3n { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes image_upload--loadingShimmer--pOf3n { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes image_upload--placeHolderShimmer--UazR5 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes image_upload--placeHolderShimmer--UazR5 { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .image_upload--form--3wBcG { border: 2px solid #f8f8f8; border: 2px solid var(--gray-50); background: #f8f8f8; background: var(--gray-50); height: 222px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .image_upload--button--tpdIM { height: 36px; width: 148px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f8f8f8; background: var(--gray-50); cursor: pointer; border-radius: 100px; border: 1px solid #e1e1e1; border: 1px solid var(--gray-200); } #oct-appreciateModal .image_upload--button--tpdIM:hover { background: #e1e1e1; background: var(--gray-200); } #oct-appreciateModal .image_upload--imagePreviewWrapper--F1F1V { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .image_upload--imageButtonWrapper--Q6LJv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #oct-appreciateModal .image_upload--cancel--WUHgZ { -ms-flex-item-align: end; align-self: flex-end; border: none; background: white; width: 24px; height: 24px; padding: 4px; margin-bottom: -24px; cursor: pointer; z-index: 1; } #oct-appreciateModal .image_upload--input--nKHi8 { display: none; } #oct-appreciateModal .image_upload--image--UcNbh { max-width: 100%; } #oct-appreciateModal .image_upload--select--71RdC { width: 100%; color: white; height: 42px; border: none; padding: 1px 24px 2px; cursor: pointer; position: relative; } #oct-appreciateModal .image_upload--select--71RdC:disabled { cursor: not-allowed; } #oct-appreciateModal .image_upload--select--71RdC:disabled::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 1; } #oct-appreciateModal .image_upload--select--71RdC.image_upload--loading--F4kCs::before { border-radius: 50%; content: ''; width: 24px; height: 24px; display: inline-block; border: 0.25rem solid rgba(0, 0, 0, 0.2); border-top-color: #525252; border-top-color: var(--gray-700); -webkit-animation: image_upload--spin--pP1IH 1s infinite linear; animation: image_upload--spin--pP1IH 1s infinite linear; position: absolute; left: calc(50% - 8px); top: 6px; z-index: 2; } #oct-appreciateModal { @-webkit-keyframes image_upload--spin--pP1IH { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes image_upload--spin--pP1IH { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } } #oct-appreciateModal .image_upload--hidden--Q-tMl { display: none; } #oct-appreciateModal .ecard_message_view--heading--QjzOy, #oct-appreciateModal .ecard_message_view--subheading--HGyrY, #oct-appreciateModal .ecard_message_view--callToActionDiv--sXsiM, #oct-appreciateModal .ecard_message_view--nextButtonWrapper--Grww6, #oct-appreciateModal .ecard_message_view--hidden--wzT6G, #oct-appreciateModal .ecard_message_view--errorMsg--B4Ukz, #oct-appreciateModal .ecard_message_view--editButton--0iXYg, #oct-appreciateModal .ecard_message_view--linkButton--0OPGn, #oct-appreciateModal .ecard_message_view--errorButton---cjhO, #oct-appreciateModal .ecard_message_view--sr-only--dVPja, #oct-appreciateModal .ecard_message_view--loadingShimmer--KTMwU, #oct-appreciateModal .ecard_message_view--ecardMessage--m6ufT, #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o, #oct-appreciateModal .ecard_message_view--editECardBtn--9KlCs, #oct-appreciateModal .ecard_message_view--playBtn--sQ1vt, #oct-appreciateModal .ecard_message_view--calendar--wIDaZ, #oct-appreciateModal .ecard_message_view--submitButton--Mk683, #oct-appreciateModal .ecard_message_view--privacyWrapper--xvW79 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .ecard_message_view--heading--QjzOy { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .ecard_message_view--heading--QjzOy h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .ecard_message_view--subheading--HGyrY { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .ecard_message_view--subheading--HGyrY > p { margin-top: 0; } #oct-appreciateModal .ecard_message_view--callToActionDiv--sXsiM { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .ecard_message_view--nextButtonWrapper--Grww6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .ecard_message_view--hidden--wzT6G { display: none; } #oct-appreciateModal .ecard_message_view--button--o-1jD { float: none; } #oct-appreciateModal .ecard_message_view--errorMsg--B4Ukz { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .ecard_message_view--editButton--0iXYg, #oct-appreciateModal .ecard_message_view--linkButton--0OPGn { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .ecard_message_view--editButton--0iXYg { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .ecard_message_view--linkButton--0OPGn { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .ecard_message_view--errorButton---cjhO { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .ecard_message_view--errorButton---cjhO:hover, #oct-appreciateModal .ecard_message_view--errorButton---cjhO:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .ecard_message_view--sr-only--dVPja { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .ecard_message_view--loadingShimmer--KTMwU { overflow: hidden; position: relative; } #oct-appreciateModal .ecard_message_view--loadingShimmer--KTMwU::after { -webkit-animation: ecard_message_view--loadingShimmer--KTMwU 1.25s linear infinite forwards; animation: ecard_message_view--loadingShimmer--KTMwU 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes ecard_message_view--loadingShimmer--KTMwU { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes ecard_message_view--loadingShimmer--KTMwU { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes ecard_message_view--placeHolderShimmer--5GRLM { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes ecard_message_view--placeHolderShimmer--5GRLM { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .ecard_message_view--ecard_message_view--A4\+nS > form { margin-bottom: 86px; } #oct-appreciateModal #ecard_message_view--callToActionDiv--sXsiM { display: -webkit-box; display: -ms-flexbox; display: flex; height: 72px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 16px; } #oct-appreciateModal .ecard_message_view--ecardMessage--m6ufT { margin: 24px 0 8px; width: 100%; } #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o { position: relative; background-color: transparent; display: block; margin: 0 auto 28px; padding: 0; } #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o span { padding: 0; position: absolute; right: 0; } #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o img, #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o video { display: block; margin: 0 auto 8px; max-width: 620px; } @media (max-width: 732px) { #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o img, #oct-appreciateModal .ecard_message_view--eCardPreview--wR70o video { max-width: 90%; } } #oct-appreciateModal .ecard_message_view--editECardBtn--9KlCs { bottom: -16px; padding: 0; position: absolute; right: 0; } #oct-appreciateModal .ecard_message_view--playBtn--sQ1vt { height: 100px; width: 100px; border: 1px solid #0078d3; border-radius: 100px; background-color: #fff; -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(0, 120, 211, 0.5); box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(0, 120, 211, 0.5); padding: 0; position: absolute; right: 42%; top: 36%; z-index: 2; cursor: pointer; } #oct-appreciateModal .ecard_message_view--playBtn--sQ1vt:not(.oct-client-fill) { fill: #707070; fill: var(--gray-600); } #oct-appreciateModal .ecard_message_view--playBtn--sQ1vt > svg { width: 32px; height: 32px; position: relative; transform: translateX(8%); -webkit-transform: translateX(8%); -ms-transform: translateX(8%); stroke: #d4d4d4; stroke: var(--gray-300); fill: inherit; pointer-events: none; } #oct-appreciateModal .ecard_message_view--scheduleButton--Zjjiq, #oct-appreciateModal .ecard_message_view--scheduleButton--Zjjiq:hover, #oct-appreciateModal .ecard_message_view--sheduleButton--DBC89:active { border: none; cursor: pointer; background-color: #fff; font-weight: 400; font-size: 14px; padding: 0 16px; color: #0060E0; color: var(--link-text); display: inline-block; margin: 0; } #oct-appreciateModal .ecard_message_view--scheduleButton--Zjjiq:disabled { color: #8e8e8e; color: var(--gray-500); cursor: not-allowed; } #oct-appreciateModal .ecard_message_view--calendar--wIDaZ { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-120%); -ms-transform: translateX(-50%) translateY(-120%); transform: translateX(-50%) translateY(-120%); z-index: 1; } #oct-appreciateModal .ecard_message_view--submitButton--Mk683 { display: inline-block; margin: 0; } #oct-appreciateModal .ecard_message_view--privacyWrapper--xvW79 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 16px; } #oct-appreciateModal .ecard_message_view--privacyWrapper--xvW79 > p { margin: 0 8px 0 0; } #oct-appreciateModal .ecard_message_view--hidden--wzT6G { display: none; } #oct-appreciateModal .date_picker--heading--OUYUm, #oct-appreciateModal .date_picker--subheading--fxhhG, #oct-appreciateModal .date_picker--callToActionDiv--FAyOP, #oct-appreciateModal .date_picker--nextButtonWrapper--DvswF, #oct-appreciateModal .date_picker--hidden--8ckTK, #oct-appreciateModal .date_picker--errorMsg--jB-Gn, #oct-appreciateModal .date_picker--editButton--1r3GO, #oct-appreciateModal .date_picker--linkButton--ZiTVP, #oct-appreciateModal .date_picker--errorButton--GmKRK, #oct-appreciateModal .date_picker--sr-only--6Xc4f, #oct-appreciateModal .date_picker--loadingShimmer--VCDsi, #oct-appreciateModal .date_picker--datePicker--qUpwn, #oct-appreciateModal .date_picker--controls--Kjqop, #oct-appreciateModal .date_picker--prevButton--JnVzp, #oct-appreciateModal .date_picker--nextButton--tnVEu, #oct-appreciateModal .date_picker--selectWithoutDefaultStyling--xKMo4, #oct-appreciateModal .date_picker--datePickerTable--sguEn, #oct-appreciateModal .date_picker--focus--OGnVO, #oct-appreciateModal .date_picker--unreal-focus--6uerY { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .date_picker--heading--OUYUm { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .date_picker--heading--OUYUm h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .date_picker--subheading--fxhhG { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .date_picker--subheading--fxhhG > p { margin-top: 0; } #oct-appreciateModal .date_picker--callToActionDiv--FAyOP { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .date_picker--nextButtonWrapper--DvswF { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .date_picker--hidden--8ckTK { display: none; } #oct-appreciateModal .date_picker--button--KZuok { float: none; } #oct-appreciateModal .date_picker--errorMsg--jB-Gn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .date_picker--editButton--1r3GO, #oct-appreciateModal .date_picker--linkButton--ZiTVP { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .date_picker--editButton--1r3GO { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .date_picker--linkButton--ZiTVP { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .date_picker--errorButton--GmKRK { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .date_picker--errorButton--GmKRK:hover, #oct-appreciateModal .date_picker--errorButton--GmKRK:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .date_picker--sr-only--6Xc4f { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .date_picker--loadingShimmer--VCDsi { overflow: hidden; position: relative; } #oct-appreciateModal .date_picker--loadingShimmer--VCDsi::after { -webkit-animation: date_picker--loadingShimmer--VCDsi 1.25s linear infinite forwards; animation: date_picker--loadingShimmer--VCDsi 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes date_picker--loadingShimmer--VCDsi { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes date_picker--loadingShimmer--VCDsi { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes date_picker--placeHolderShimmer--6f5xc { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes date_picker--placeHolderShimmer--6f5xc { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .date_picker--datePicker--qUpwn { display: block; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; width: 264px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; font-family: inherit; } #oct-appreciateModal .date_picker--controls--Kjqop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; } #oct-appreciateModal .date_picker--prevButton--JnVzp, #oct-appreciateModal .date_picker--nextButton--tnVEu { border: 0; background-color: transparent; color: #333; font-size: 16px; cursor: pointer; height: 30px; } #oct-appreciateModal .date_picker--prevButton--JnVzp[disabled], #oct-appreciateModal .date_picker--nextButton--tnVEu[disabled] { cursor: not-allowed; opacity: 0.3; } #oct-appreciateModal .date_picker--prevButton--JnVzp { padding: 0 8px; } #oct-appreciateModal .date_picker--nextButton--tnVEu { padding: 0 8px; } #oct-appreciateModal .date_picker--prevButton--JnVzp::before { content: '\2190'; } #oct-appreciateModal .date_picker--nextButton--tnVEu::before { content: '\2192'; } #oct-appreciateModal .date_picker--selectWithoutDefaultStyling--xKMo4 { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; color: #333; font-size: 16px; font-family: inherit; background-color: transparent; font-weight: 600; cursor: pointer; } #oct-appreciateModal .date_picker--selectWithoutDefaultStyling--xKMo4 + .date_picker--selectWithoutDefaultStyling--xKMo4 { margin-left: 6px; } #oct-appreciateModal .date_picker--datePickerTable--sguEn { width: 100%; } #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--heading--OUYUm { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; font-family: inherit; } #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--isEmpty--1a8xy { background-color: transparent; border: 0; pointer-events: none; cursor: default; width: 32px; height: 32px; } #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--notEmpty--30ubS { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 15px; text-align: center; background: #f5f5f5; color: #666; cursor: pointer; padding: 4px; width: 32px; height: 32px; } #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--notEmpty--30ubS:hover, #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--notEmpty--30ubS:focus { color: #fff; background: #0060E0; -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; } #oct-appreciateModal .date_picker--datePickerTable--sguEn .date_picker--notEmpty--30ubS[aria-disabled="true"] { background-color: #d5e9f7; pointer-events: none; cursor: default; color: #999; opacity: 0.3; } #oct-appreciateModal .date_picker--focus--OGnVO { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* stylelint-disable */ } /* WebKit gets its native focus styles. */ @media (-webkit-min-device-pixel-ratio: 0) { #oct-appreciateModal .date_picker--unreal-focus--6uerY { outline-color: -webkit-focus-ring-color; outline-style: auto; } } #oct-appreciateModal .date_picker--hidden--8ckTK { display: none; } #oct-appreciateModal .description_view--heading--wqyHQ, #oct-appreciateModal .description_view--subheading--0eu7x, #oct-appreciateModal .description_view--callToActionDiv--nBncg, #oct-appreciateModal .description_view--nextButtonWrapper--WyAwI, #oct-appreciateModal .description_view--hidden--E4WQl, #oct-appreciateModal .description_view--errorMsg--phX18, #oct-appreciateModal .description_view--editButton--DR\+k6, #oct-appreciateModal .description_view--linkButton--1zLxa, #oct-appreciateModal .description_view--errorButton--AVzgk, #oct-appreciateModal .description_view--sr-only--8Ll1F, #oct-appreciateModal .description_view--loadingShimmer--lPP8M, #oct-appreciateModal .description_view--privacyWrapper--ns9tx, #oct-appreciateModal .description_view--textbox--jlnl1, #oct-appreciateModal .description_view--boiCost--sz-H1, #oct-appreciateModal .description_view--submitButtonWrapper--Q73Wa, #oct-appreciateModal .description_view--privacyButton--2reN3 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .description_view--heading--wqyHQ { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .description_view--heading--wqyHQ h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .description_view--subheading--0eu7x { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .description_view--subheading--0eu7x > p { margin-top: 0; } #oct-appreciateModal .description_view--callToActionDiv--nBncg { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .description_view--nextButtonWrapper--WyAwI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .description_view--hidden--E4WQl { display: none; } #oct-appreciateModal .description_view--button--wwc3Z { float: none; } #oct-appreciateModal .description_view--errorMsg--phX18 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .description_view--editButton--DR\+k6, #oct-appreciateModal .description_view--linkButton--1zLxa { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .description_view--editButton--DR\+k6 { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .description_view--linkButton--1zLxa { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .description_view--errorButton--AVzgk { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .description_view--errorButton--AVzgk:hover, #oct-appreciateModal .description_view--errorButton--AVzgk:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .description_view--sr-only--8Ll1F { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .description_view--loadingShimmer--lPP8M { overflow: hidden; position: relative; } #oct-appreciateModal .description_view--loadingShimmer--lPP8M::after { -webkit-animation: description_view--loadingShimmer--lPP8M 1.25s linear infinite forwards; animation: description_view--loadingShimmer--lPP8M 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes description_view--loadingShimmer--lPP8M { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes description_view--loadingShimmer--lPP8M { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes description_view--placeHolderShimmer--0lHDO { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes description_view--placeHolderShimmer--0lHDO { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .description_view--description_view--FkEPP > form { margin-bottom: 84px; } #oct-appreciateModal #description_view--callToActionDiv--nBncg { height: 72px; padding-top: 16px; } #oct-appreciateModal .description_view--privacyWrapper--ns9tx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 16px; } #oct-appreciateModal .description_view--privacyWrapper--ns9tx > p { margin-right: 8px; } #oct-appreciateModal .description_view--textbox--jlnl1 { margin-bottom: 16px; width: 100%; } #oct-appreciateModal .description_view--boiCost--sz-H1 { margin-bottom: 16px; width: 100%; } #oct-appreciateModal .description_view--boiCost--sz-H1 textarea { max-height: 10px; overflow: hidden; } #oct-appreciateModal .description_view--hidden--E4WQl { display: none; } #oct-appreciateModal .description_view--submitButtonWrapper--Q73Wa { text-align: center; } #oct-appreciateModal .description_view--privacyButton--2reN3 { font-size: 14px; } #oct-appreciateModal .submission_view--heading--wrTG-, #oct-appreciateModal .submission_view--subheading--DGwr6, #oct-appreciateModal .submission_view--callToActionDiv--irRfC, #oct-appreciateModal .submission_view--nextButtonWrapper--IgAvq, #oct-appreciateModal .submission_view--hidden--RBpPV, #oct-appreciateModal .submission_view--errorMsg--BKtnq, #oct-appreciateModal .submission_view--editButton--mmlEZ, #oct-appreciateModal .submission_view--linkButton--4Eg84, #oct-appreciateModal .submission_view--errorButton--W27-v, #oct-appreciateModal .submission_view--sr-only--FNIJy, #oct-appreciateModal .submission_view--loadingShimmer--g3YCt, #oct-appreciateModal .submission_view--appreciateButton--84\+MZ, #oct-appreciateModal .submission_view--message--S7oqS { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .submission_view--heading--wrTG- { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .submission_view--heading--wrTG- h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .submission_view--subheading--DGwr6 { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .submission_view--subheading--DGwr6 > p { margin-top: 0; } #oct-appreciateModal .submission_view--callToActionDiv--irRfC { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .submission_view--nextButtonWrapper--IgAvq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .submission_view--hidden--RBpPV { display: none; } #oct-appreciateModal .submission_view--button--y-LAH { float: none; } #oct-appreciateModal .submission_view--errorMsg--BKtnq { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .submission_view--editButton--mmlEZ, #oct-appreciateModal .submission_view--linkButton--4Eg84 { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .submission_view--editButton--mmlEZ { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .submission_view--linkButton--4Eg84 { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .submission_view--errorButton--W27-v { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .submission_view--errorButton--W27-v:hover, #oct-appreciateModal .submission_view--errorButton--W27-v:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .submission_view--sr-only--FNIJy { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .submission_view--loadingShimmer--g3YCt { overflow: hidden; position: relative; } #oct-appreciateModal .submission_view--loadingShimmer--g3YCt::after { -webkit-animation: submission_view--loadingShimmer--g3YCt 1.25s linear infinite forwards; animation: submission_view--loadingShimmer--g3YCt 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes submission_view--loadingShimmer--g3YCt { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes submission_view--loadingShimmer--g3YCt { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes submission_view--placeHolderShimmer--c2ZsQ { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes submission_view--placeHolderShimmer--c2ZsQ { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .submission_view--heading--wrTG- { border: none; font-weight: 500; font-size: 24px; text-align: center; font-family: inherit; padding: 0 16px; text-transform: capitalize; } #oct-appreciateModal .submission_view--doneButtonWrapper--P6YJR, #oct-appreciateModal .submission_view--appreciateButtonWrapper--Iwafj { text-align: center; } #oct-appreciateModal .submission_view--appreciateButton--84\+MZ { margin-bottom: 12px; padding: 0 16px; } #oct-appreciateModal .submission_view--message--S7oqS { text-align: center; margin-bottom: 36px; font-family: inherit; } #oct-appreciateModal .submission_view--hidden--RBpPV { display: none; } #oct-appreciateModal .bulk_upload_view--heading--sjnsB, #oct-appreciateModal .bulk_upload_view--subheading--0TLOE, #oct-appreciateModal .bulk_upload_view--callToActionDiv--to8H9, #oct-appreciateModal .bulk_upload_view--nextButtonWrapper--gZet4, #oct-appreciateModal .bulk_upload_view--hidden--1DBV1, #oct-appreciateModal .bulk_upload_view--errorMsg--QoY6N, #oct-appreciateModal .bulk_upload_view--editButton--\+MDtS, #oct-appreciateModal .bulk_upload_view--linkButton--4eLF-, #oct-appreciateModal .bulk_upload_view--errorButton--t-FX0, #oct-appreciateModal .bulk_upload_view--sr-only--KHwXI, #oct-appreciateModal .bulk_upload_view--loadingShimmer--5YSSO, #oct-appreciateModal .bulk_upload_view--bulkUploadHeading--aeoNI, #oct-appreciateModal .bulk_upload_view--advice--SW1pl, #oct-appreciateModal .bulk_upload_view--removeButton--ySHG2, #oct-appreciateModal .bulk_upload_view--bulkUploadForm--K6jRw, #oct-appreciateModal .bulk_upload_view--auxText--aUmpH, #oct-appreciateModal .bulk_upload_view--fileUploadLabel--pOXmf, #oct-appreciateModal .bulk_upload_view--sendEcardButton--UF2id, #oct-appreciateModal .bulk_upload_view--sendNominationButton--40dBh, #oct-appreciateModal .bulk_upload_view--buttonContainer--bLRip, #oct-appreciateModal .bulk_upload_view--bulkUploadErrorMessage--CvO62 { border: none; box-shadow: none; box-sizing: border-box; font-size: 14px; font-style: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; } :root { --main-font: "Noto Sans", Trebuchet, "Trebuchet MS", Verdana, sans-serif; --link-text: #0060E0; --tanner-gray: #868c8f; --prism-input-gray: #c4c4c4; --gray-50: #f8f8f8; --gray-100: #f1f1f1; --gray-200: #e1e1e1; --gray-300: #d4d4d4; --gray-400: #ababab; --gray-500: #8e8e8e; --gray-600: #707070; --gray-700: #525252; --gray-800: #363636; --gray-900: #212121; --blue-0: #ecf4fb; --blue-1: #a2cdf2; --blue-2: #0078d3; --blue-3: #005da5; --info-bg: #deebfc; --info-text: #0060e0; --warning-yellow: #f0c32c; --danger-red: #d0021b; --error-bg: #fde5e5; --error-btn-bg: #f3b1b2; --error-text: #d10a12; } #oct-appreciateModal .bulk_upload_view--heading--sjnsB { color: #212121; color: var(--gray-900); margin: 0 0 16px; text-align: center; } #oct-appreciateModal .bulk_upload_view--heading--sjnsB h1 { display: inline; font-weight: 600; font-family: inherit; font-size: 24px; line-height: 36px; margin: 0; padding-right: 16px; } #oct-appreciateModal .bulk_upload_view--subheading--0TLOE { color: #212121; color: var(--gray-900); font-size: 14px; font-weight: 600; line-height: 30px; margin: 0 0 4px; } #oct-appreciateModal .bulk_upload_view--subheading--0TLOE > p { margin-top: 0; } #oct-appreciateModal .bulk_upload_view--callToActionDiv--to8H9 { background: #fff; border-radius: 0 0 3px 3px; bottom: 0; max-width: 684px; width: 100%; z-index: 3; } #oct-appreciateModal .bulk_upload_view--nextButtonWrapper--gZet4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .bulk_upload_view--hidden--1DBV1 { display: none; } #oct-appreciateModal .bulk_upload_view--button--qU2wL { float: none; } #oct-appreciateModal .bulk_upload_view--errorMsg--QoY6N { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fde5e5; background-color: var(--error-bg); border-radius: 3px; color: #d10a12; color: var(--error-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 8px; min-height: 32px; padding: 16px 24px; } #oct-appreciateModal .bulk_upload_view--editButton--\+MDtS, #oct-appreciateModal .bulk_upload_view--linkButton--4eLF- { border: none; cursor: pointer; background-color: transparent; font-size: 14px; font-weight: 400; } #oct-appreciateModal .bulk_upload_view--editButton--\+MDtS { padding: 0 16px 4px 0; color: #0060E0; color: var(--link-text); } #oct-appreciateModal .bulk_upload_view--linkButton--4eLF- { color: #0060E0; color: var(--link-text); padding: 0; vertical-align: baseline; } #oct-appreciateModal .bulk_upload_view--errorButton--t-FX0 { background-color: transparent; border: none; border-radius: 3px; color: #d10a12; color: var(--error-text); cursor: pointer; font-size: 16px; font-weight: 800; outline-color: #fff; padding: 8px; } #oct-appreciateModal .bulk_upload_view--errorButton--t-FX0:hover, #oct-appreciateModal .bulk_upload_view--errorButton--t-FX0:focus { background-color: #f3b1b2; background-color: var(--error-btn-bg); } #oct-appreciateModal .bulk_upload_view--sr-only--KHwXI { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } #oct-appreciateModal .bulk_upload_view--loadingShimmer--5YSSO { overflow: hidden; position: relative; } #oct-appreciateModal .bulk_upload_view--loadingShimmer--5YSSO::after { -webkit-animation: bulk_upload_view--loadingShimmer--5YSSO 1.25s linear infinite forwards; animation: bulk_upload_view--loadingShimmer--5YSSO 1.25s linear infinite forwards; background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.8))); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%); content: ''; height: 100%; left: -150%; position: absolute; top: 0; width: 250%; } @-webkit-keyframes bulk_upload_view--loadingShimmer--5YSSO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @keyframes bulk_upload_view--loadingShimmer--5YSSO { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(55%); transform: translateX(55%); } 100% { -webkit-transform: translateX(55%); transform: translateX(55%); } } @-webkit-keyframes bulk_upload_view--placeHolderShimmer--8lexn { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } @keyframes bulk_upload_view--placeHolderShimmer--8lexn { 0% { background-position: 0 0; } 100% { background-position: 620px 0; } } #oct-appreciateModal .bulk_upload_view--bulkUploadHeading--aeoNI { display: inline-block; margin: 0 8px 0 0; color: #212121; color: var(--gray-900); font-weight: 500; } #oct-appreciateModal #bulk_upload_view--callToActionDiv--to8H9 { height: 72px; padding-top: 16px; } #oct-appreciateModal .bulk_upload_view--advice--SW1pl { margin: 16px 0; color: #525252; color: var(--gray-700); } #oct-appreciateModal .bulk_upload_view--linkButton--4eLF- { vertical-align: baseline; } #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-employee-template, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-email-template, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-help-guide { color: #0060E0; color: var(--link-text); padding: 0; display: block; text-decoration: none; text-transform: capitalize; font-weight: bold; } #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-employee-template:hover, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-email-template:hover, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-help-guide:hover, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-employee-template:active, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-email-template:active, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-help-guide:active, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-employee-template:focus, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-email-template:focus, #oct-appreciateModal .bulk_upload_view--link--lUpCm#bulk-ecard-help-guide:focus { text-decoration: underline; } #oct-appreciateModal .bulk_upload_view--link--lUpCm + .bulk_upload_view--link--lUpCm { margin-top: 12px; } #oct-appreciateModal .bulk_upload_view--removeButton--ySHG2 { fill: #0060E0; fill: var(--link-text); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 24px 0 0; } #oct-appreciateModal .bulk_upload_view--removeButton--ySHG2 > svg { margin-left: 8px; height: 12px; } #oct-appreciateModal .bulk_upload_view--bulkUploadForm--K6jRw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f1f1f1; border-radius: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 250px; margin: 32px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #oct-appreciateModal .bulk_upload_view--bulkUploadForm--K6jRw fieldset { border: none; text-align: center; } #oct-appreciateModal .bulk_upload_view--auxText--aUmpH { color: #363636; color: var(--gray-800); font-weight: 100; margin-bottom: 20px; } #oct-appreciateModal .bulk_upload_view--fileUploadLabel--pOXmf { -ms-flex-negative: 1; flex-shrink: 1; border: 1px solid #d4d4d4; border-radius: 3px; padding: 8px 24px; height: 36px; color: #363636; font-weight: 500; cursor: pointer; text-transform: capitalize; } #oct-appreciateModal .bulk_upload_view--sr-only--KHwXI:focus + label, #oct-appreciateModal .bulk_upload_view--sr-only--KHwXI.bulk_upload_view--hasFocus--LHasu + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } #oct-appreciateModal .bulk_upload_view--sendEcardButton--UF2id { color: #fff; text-transform: none; font-size: 14px; } #oct-appreciateModal .bulk_upload_view--sendNominationButton--40dBh { border: 1px solid #e1e1e1; border: 1px solid var(--gray-200); background: #f8f8f8; background: var(--gray-50); text-transform: none; color: #212121; color: var(--gray-900); margin-right: 4px; font-size: 14px; } #oct-appreciateModal .bulk_upload_view--buttonContainer--bLRip { text-align: center; margin-bottom: 16px; } #oct-appreciateModal .bulk_upload_view--bulkUploadErrorMessage--CvO62 { background-color: #deebfc; background-color: var(--info-bg); color: #0060e0; color: var(--info-text); padding: 16px 24px; border: 1px solid #e1e1e1; border: 1px solid var(--gray-200); border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0 #e1e1e1; box-shadow: 1px 1px 3px 0 #e1e1e1; -webkit-box-shadow: 1px 1px 3px 0 var(--gray-200); box-shadow: 1px 1px 3px 0 var(--gray-200); } #oct-appreciateModal .bulk_upload_view--bulkUploadErrorMessage--CvO62.bulk_upload_view--error--6caWd { background-color: #fde5e5; background-color: var(--error-bg); color: #d10a12; color: var(--error-text); } #oct-appreciateModal .bulk_upload_view--hidden--1DBV1 { display: none; } .button-module__buttonContainer--vlzFN { margin: 24px; } .button-module__buttonContainer--vlzFN button { max-width: 350px; width: 100%; } .input-module__inputInfo--h1nDC { margin: 24px; } .home-module__homeBody--vnU3s { margin-top: 10px; width: 60%; display: block; margin: auto; } @media only screen and (max-width: 445px) { .home-module__homeBody--vnU3s { width: 80%; } } .home-module__logo--AlYuP img { display: block; margin: auto; margin-top: 40px; } .home-module__info--YPDN1 { text-align: center; margin: 24px!important; } .home-module__infobacksoon--3RAaO { font-style: italic; color: #e3a039; text-align: center; margin: 24px!important; } .home-module__infoText--xqx9- { text-align: center; font-size: 14px!important; margin: 24px!important; } .home-module__inputItems--EPr06 { text-align: center; } .pairing-module__pairingBody--QVf5w { margin-top: 10px; width: 60%; display: block; margin: auto; } @media only screen and (max-width: 445px) { .pairing-module__pairingBody--QVf5w { width: 80%; } } .pairing-module__logo--kak-F img { display: block; margin: auto; margin-top: 40px; } .pairing-module__info--y4ago { text-align: center; margin: 24px!important; } .pairing-module__infoText--XZGWT { text-align: center; font-size: 14px!important; margin: 24px!important; } .pairing-module__inputItems--zBRDM { text-align: center; } .pairing-module__pairingInfo--9wnoP { font-size: 13px; margin: 10px; } .pairing-module__emailInfo--bz0bV { font-size: 13px; margin: 10px; } .pairing-module__linkItem--KEuTa { color: #0065ed; } .appreciate-module__appreciateBody--so-v2 { visibility: hidden; } .coreAuthCallback-module__coreAuthContainer--STS2t { text-align: center; width: 50%; display: block; margin: 30px auto; font-size: 26px; color: #5f5d5d; border: 1px solid #ccc; border-radius: 5px; } .coreAuthCallback-module__thankyouInfo--9o-b2 div { margin: 15px; } .coreAuthCallback-module__thankyouInfo--9o-b2 div:last-child { font-size: 22px; color: #736f6f; } html, body { font-family: 'Proxima Nova', sans-serif !important; } hr { background-color: #ccc; height: 1px; border: none; } .app-loader { border: 5px solid #f3f3f3; /* Light grey */ border-top: 5px solid #6162ef; /* Blue */ border-radius: 50%; width: 40px; height: 40px; animation: main__spin--hcRHP 2s linear infinite; display: block; margin: auto; position: relative; top: 50%; } @keyframes main__spin--hcRHP { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .app-loader-container { background: #00000082; position: absolute; height: 100%; width: 100%; z-index: 5; top: 0px; } .main-header { color: #fff; padding: 15px; font-size: 16px; margin-bottom: 15px; } .alert-error { padding: 8px; background-color: #e85449; color: white; position: absolute; width: auto; margin: auto; top: 50px; display: block; border-radius: 5px; right: 1%; font-size: 14px; } button:disabled { opacity: 0.5; cursor: default; } .header-back-arrow:after { content: ' \02FF'; position: absolute; top: -3px; font-size: 35px; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header-back-arrow:after { top: -9px; } } .header-content { margin-left: 30px; } .header-logout { float: right; font-size: 12px; cursor: pointer; } .js-close { display: none; } #give-widget_submission-done { display: none; } .logout-action { position: absolute; right: 0px; padding: 10px!important; color: #868181; cursor: pointer; margin-right: 20px; } .logout-action:hover { color: #020202; } .default-container.give_initilize { opacity: 0; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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; } /* HTML5 display-role reset for older browsers */ 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; } /*# sourceMappingURL=style-c2c46d.css.map*/