<>
/* Link's colored from parent */
a {
color:inherit;
}
.w-slider-dot{
width: 10px;
height: 8px;
background: #8294A5;
opacity: 0.4;
transition-property: width;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(.455.03.515.955);
}
.w-slider-nav.w-round>div {
border-radius: 8px;
}
.w-slider-dot.w-active{
width: 20px;
height: 8px;
background-color: #144fff;
opacity: 1;
}
.w-nav-overlay,
.nav-menu{
top: 0;
height: auto !important;
}
.navbar.floating{
box-shadow: 0px 1px 1px rgba(0000.06)8px 15px 17px rgba(0000.05)10px 58.5px 41px 16px rgba(2457890.07);
position: sticky;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
background-color: white;
}
/* --- Inherit links styling --- */
a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
.button-gradient:hover .button-gradient-top,
.footer-logo:hover .footer-logo-embed{
transform: translate(0.4rem-0.4rem);
}
/* A/B Test Buttons Logic */
/*[data-primary-buttons]{
visibility: hidden;
}
[data-button-demo]{
display: none;
}
.wf-design-mode [data-primary-buttons]{
visibility: visible;
}
.wf-design-mode [data-button-demo]{
display: flex !important;
}*/
<>
/* ///////////////////// START OF GLOBAL EDITS ///////////////////// */
main:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
html { font-size: 0.625rem; }
@media screen and (max-width:1505px) { html { font-size: calc(0.2589980544747082rem + 0.3891050583657587vw); } }
@media screen and (max-width:991px) { html { font-size: 0.625rem; } }
/* --- Font Smoothing --- */
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/* Make sure containers never lose their center alignment*/
.container-medium.container-small.container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/* --- Links --- */
a:hover [link-arrow]{
transform: translateX(0.25rem);
}
a:hover [link-arrow-up-top]{
transform: translateX(0.25rem) translateY(-0.25rem);
}
[link-arrow],
[link-arrow-up-top]{
transition-property: transform;
transition-duration: 400ms;
transition-timing-function: cubic-bezier(.215.61.3551);
}
/* --- Rich Text --- */
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child.w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child.w-richtext ol li:last-child.w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
.text-rich-text li::marker {
color: black;
}
/* --- Inherit links styling --- */
a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
/* --- Prevent --- */
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
pointer-events: auto;
}
/*Apply "..." after 3 lines of text */
.text--3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text--2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
-ms-overflow-: none;
overflow: -moz-scrollbars-none;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* --- These classes are never overwritten --- */
.hide {
display: none !important;
}
@media screen and (max-width: 991px)
@media screen and (max-width: 767px)
@media screen and (max-width: 479px){
.hide.hide-tablet{
display: none !important;
}
}
@media screen and (max-width: 767px){
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px){
.hide-mobile{
display: none !important;
}
}
/* ///////////////////// END OF GLOBAL EDITS ///////////////////// */
/* ///////////////////// START OF SPACINGS ///////////////////// */
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
/* ///////////////////// END OF SPACINGS ///////////////////// */
/* ///////////////////// ELEMENTS ///////////////////// */
textarea {
resize: vertical;
}
[underline-link]::before,
[underline-link-alt]::before,
[underline-link-alt]::after{
content: "";
position: absolute;
bottom: 0em;
left: 0;
width: 100%;
height: 1px;
background-color: white;
transition: transform 0.3s cubic-bezier(0.6250.0501);
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
}
[underline-link]:hover::before {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
}
/* Alt */
[underline-link-alt]::before {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
transition-delay: 0.3s;
}
[underline-link-alt]:hover::before {
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
transition-delay: 0s;
}
[underline-link-alt]::after {
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
transition-delay: 0s;
}
[underline-link-alt]:hover::after {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
transition-delay: 0.3s;
}
.button-new.is-link[underline-link]::before,
.button-new.is-link[underline-link-alt]::before,
.button-new.is-link[underline-link-alt]::after,
.text--link[underline-link]::before,
.text--link[underline-link-alt]::before,
.text--link[underline-link-alt]::after{
background-color: #1D25E2;
}
.button-new.is-link.is-alternate[underline-link]::before,
.button-new.is-link.is-alternate[underline-link-alt]::before,
.button-new.is-link.is-alternate[underline-link-alt]::after{
background-color: white;
}
/* Better Definition – Without Class */
[underline-link]{
position: relative;
}
[underline-link][underline-link-color="blue"]:hover{
color: #1D25E2
}
[underline-link][underline-link-color="blue"]::before,
[underline-link-alt][underline-link-color="blue"]::before,
[underline-link-alt][underline-link-color="blue"]::after{
background-color: #1D25E2;
}
/* Navbar Smaller */
@media screen and (min-width: 992px){
.navbar_new .button-new,
.navbar_new .button-gradient-top{
font-size: 1.6rem;
padding: 1.4rem 1.6rem;
}
.navbar_new .button-new.is-secondary{
padding: 1.2rem 1.4rem;
}
.navbar_new .button-new.is-link{
padding: 0rem;
}
}
/* Horizontal Line */
hr {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
background-color: #E7EAEE;
border: none;
height: 1px;
}
<>
.blue-bottom_wrapper{
padding-bottom: 0rem;
}
.pricing__card-points-check svg path{
stroke: #144fff;
}
.new__tag{
background: #144fff !important;
}
Get Started for Free The easiest way to try Otter
Get started
AI meeting assistant recordstranscribes and summarizes in real time
Transcription and summaries in EnglishFrenchor Spanish
Otter AI Chat: Chat live with Otter and teammatesand get answers to meeting questions
Add teammates to your workspace
Joins ZoomMS Teamsand Google Meet to automatically write and share notes
300 monthly transcription minutes; 30 minutes per conversation; Import and transcribe 3 audio or video files lifetime per user
For teams and organizations
Everything in Basic +
Enhanced team features: shared custom vocabulary; tag speakersassigns action items to teammates
Workspace Admin features: usage analyticsprioritized support
Advanced searchexportand playback
Otter AI Chat: Chat live with Otter and teammates200 monthly queries per workspace member
6000 monthly transcription minutes; 4 hours per conversation
Frequently Asked Questions *What happens after my Otter Business Trial period is complete?
After your trial period is completeyour workspace will automatically be charged for Otter Business Monthly. Alternativelyyou may cancel anytime during the trial before it expires. Please see our help center article for additional details.
What is a workspace within Otter and How do I review my workspace settings?
Otter workspaces provides an intuitive interface that streamlines collaborationteam managementand administrative controls. For more information on how to manage your workspace settings please visit our Help center article .
The world's smartest AI Notetaker
<>
#ot-sdk-btn.ot-sdk-show-settings#ot-sdk-btn.optanon-show-settings{
transition-property: border-colorcolor;
transition-duration: 250ms250ms;
transition-timing-function: cubic-bezier(.215.61.3551)cubic-bezier(.215.61.3551);
font-size: 1rem;
line-height: 1.3;
font-weight: 600;
letter-spacing: 0.16rem;
text-decoration: none;
text-transform: uppercase;
color: white;
border: none;
height: auto;
white-space: normal;
word-wrap: break-word;
padding: 0;
background: transparent;
}
#ot-sdk-btn.ot-sdk-show-settings:hover#ot-sdk-btn.optanon-show-settings:hover {
color: #52d0f0;
background: transparent;
}
